Back to updates
Enhancement
Designer

Style All <pre> Tags in Code Blocks

Webflow now lets you style all <pre> tags in Code Blocks, improving accessibility and control over code formatting.

Style All <pre> Tags in Code Blocks

<h4 id=""><strong id="">Style all &lt;pre&gt; tags in Code Blocks with ease</strong></h4><p id="">Previously, in order to apply consistent styling across Code Blocks, Webflow users would need to write custom CSS as a workaround. Today, we’re releasing an update that allows you to style all &lt;pre&gt; tags inside Code Blocks, making it easier to apply formatting like text-wrap and white-space properties without extra effort —and making Code Blocks more scalable to manage across your Webflow projects.</p><p id="">‍</p><p id=""><a href="<https://help.webflow.com/hc/en-us/articles/33961346359699#style-pre-tags>">To learn more about how to leverage and style Code Blocks in Webflow, visit our Help Center.&nbsp;</a></p><p id="">‍</p>


Launched on
January 31, 2025
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more