Code Block

Insert raw HTML, CSS, or JavaScript. Tabs: Content, Styling, Animations, Advanced.

💡 Web dev tip: code belongs in pre + code

Code samples use <pre><code> so spacing is preserved and the text isn't parsed as HTML — the characters <, > and & must be escaped (<, >, &) or the browser tries to render them. This block handles that for you. And never paste a real password or API key into a public example. MDN: the pre element

Live demo

▶ See the Code Block live on the demos site — an interactive example you can click through.

Content

Option	Notes
Code	The raw markup/script to output on the page

Styling

Text Color, Background Color, and Margin & Padding.