A CSS native way to prevent orphan text
A CSS native way to prevent orphan text
In typography, an orphan or widow is a single word on its own line. It can look particularly unpleasing with headings, and is hard to “plan for” on the web, where people view your site on a wide range of viewport sizes. You can avoid them by manually added a non-breaking space ( ) before the se...
^ 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
Not sure why they didn’t mention
text-wrap: balance, which meant to be used on headlines, and has slightly better browser supportThe 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