this post was submitted on 26 Dec 2023
3 points (80.0% liked)

CSS

486 readers
1 users here now

founded 1 year ago
MODERATORS
Ategon
tappyturtle
3
A CSS native way to prevent orphan text (gomakethings.com)
submitted 10 months ago* (last edited 10 months ago) by mac to c/css
1 comments fedilink hide all child comments
 

^ preview there seems to have not been created well and made the code block with a header a header but correct text is in the article

you are viewing a single comment's thread
view the rest of the comments
[–] mattd 2 points 10 months ago

Not sure why they didn’t mention text-wrap: balance, which meant to be used on headlines, and has slightly better browser support

The pretty value is intended for body text, where the last line is expected to be a bit shorter than the average line; the balance value is intended for titles and captions, where equal-length lines of text tend to be preferred

https://drafts.csswg.org/css-text-4/#text-wrap-style