Framer Code Override

Balanced Text

Balances the length of each line of text to create a more even appearance for headings.

This text is visually balanced across multiple lines.

This text is visually balanced across multiple lines.

This text is visually balanced across multiple lines.

This text is visually balanced across multiple lines.

This text is visually balanced across multiple lines.

This text is visually balanced across multiple lines.

Get over 60 components and code overrides for building websites with Framer!
No subscription - pay once, use forever.

Type

Code Override

Free

No

Last Updated

May 17, 2024

Instructions

Instructions

In your Framer project, navigate to the Assets tab and create a new code file. Replace the example code with the code override, then add it to a layer in the "Code Override" section of the properties panel.

This override may not work on all browsers. See CSS text-wrap: balance.