← Back to release summary

CSS headline balancing

Category
CSS
Type
Chromium catches up
Status
Enabled by default (Chrome 114)
Intent stage
Prepare to ship

Summary

Adjusts the lengths of lines in a paragraph balanced, for better readability and to minimize typographic orphans. This is often useful for headlines. For example: h1, h2, h3, h4, h5, h6, blockquote { text-wrap: balance; } More examplles can be found in a Chrome Developers blog <https://developer.chrome.com/blog/css-text-wrap-balance/>. In addition to the "text-wrap" property, the "white-space-collapse" property is also supported, and the "white-space" property becomes a shorthand of these two properties.

Standards & signals

Docs: https://docs.google.com/document/d/16-T9gqCagJxcST6hcnneSb7qGunxXa37_UHYqMqhPL0/edit?usp=sharing

View on chromestatus.com