Let’s take a look at the CSS text-wrap property and how we can use it to improve the way text flows on a web page. Balanced Text We can use text-wrap: balance to tell the browser to equalize (as much as it can) multiple lines of text. Check out the example below comparing default text wrapping with balanced text wrapping (works in Chrome, Edge, and Firefox). See the Pen text-wrap: balance (basic) by Will Boyd (@lonekorean) on CodePen. Nice. Manually balancing lines of text with <br> element...
