Did you know that style and script tags can be set to display: block?

The other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the contentEditable attribute. This means that you can then see it all update live in the browser as you type. Shortly after, Marius Gundersen replied that you can do this with the style tag as well.

All of this is such a weird concept to me that I just had to make a demo …
The post Did you know that style and script tags can be set to display: block? appeared first on CSS-Tricks.

Link: https://css-tricks.com/did-you-know-that-style-and-script-tags-can-be-set-to-display-block/