CSS text-wrap balance

At the time of writing this is a recent(ish) addition to CSS which makes text look a little more ‘designed’, at least I think it does on this simple site. I stumbled across this great write up about it and thought I would have a quick look.

Examples

The examples below are shown as images in case text-wrap: balance; is not supported in your browser yet.

No text-wrap styles applied

With text-wrap balance

p {
    text-wrap: balance;
}

It provides a subtle but impactful difference!