Text wrapping
A heading that breaks into a long line and a short one looks like an accident. A paragraph that leaves one word on its last line looks like a mistake. Both are one declaration away from fixed.
`text-wrap: balance` on headings distributes the words evenly across the lines. `text-wrap: pretty` on descriptions stops a single short word landing on the last line. Neither goes on long-form text: browsers ignore balance past a few lines anyway, and evening out a whole paragraph wastes space and slows reading.
The other two declarations have their own jobs. `overflow-wrap: break-word` where a long link or an identifier could escape its container. `white-space: nowrap` on labels and badges, where a line break reads as broken.
- Headings: balance
- Descriptions and ledes: pretty
- Long-form: neither; cap the measure at 60–75 characters instead