¿Sabías que las etiquetas de estilo y secuencia de comandos se pueden configurar para mostrar: bloque?

La otra noche, Amit Patel mencionó que se pueden configurar etiquetas de script en HTML display: blockcon CSS y luego editar ese código en línea con el contentEditableatributo. Esto significa que podrás verlo todo actualizado en vivo en el navegador a medida que escribes. Poco después, Marius Gundersen respondió que esto también se puede hacer con la etiqueta de estilo.

Todo esto es un concepto tan extraño para mí que tuve que hacer una demostración para ver si funcionaba:

style {  display: block;}

¿Por qué querríamos hacer esto? Bueno, no estoy del todo seguro. Pero ciertamente es una demostración interesante. Esto también me recuerda la demostración tan extraña y brillante que Jake Albaugh hizo hace un tiempo, que resulta ser una de mis plumas favoritas de todos los tiempos: