Skip to content

Improve Headline rendering with "text-wrap: balance" #896

@RiZKiT

Description

@RiZKiT

Using text-wrap: balance; improves the "balance" of lines, which is most useful for headlines and provides a more professional layout look out of the box. It falls back to regular text-wrap layout on older browsers, so graceful degration is provided.

I could paste DB page screenshots here, if necessary, but so far I just provide the official examples: https://developer.chrome.com/docs/css-ui/css-text-wrap-balance

One initial drawback is, that most probably it will result in a lot of failing visual regression tests.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions