What is the best way to balance your text using custom CSS?

text-wrap:balance is great but has a tendency to squash line lengths. I find this really disrupts layouts, especially when you're working with grids and columns. Instead use 'text-wrap: pretty' to simply avoid orphans and widows in body text.