Auralinna.blog Tero Auralinna's blog about intriguing world of web development. Tweaking pixels since the '90s.

Wrapping newlines via CSS

Published on November 30, 2017. Edited on December 25, 2017.

This is a simple tip how to wrap newlines without converting newlines to <br> tags. This is quite handy if you have a text without formatting and the only need is to wrap text paragraphs. You don't have to think about HTML sanitization or conversion.

.wrapped-text {
    white-space: pre-line;
}

Just trim newlines from the beginning and end of the text before rendering. Value pre-line doesn't render whitespaces in the middle of the text.