Replace BR tags with only CSS

You'hve a HTML text full of br tags and you can't remove them ? Here's the CSS-only solution to visually replace them by a simple empty space.

HTML

<p>
    To break lines<span class="line-break">in a paragraph,</span><span>don't use</span><span>the 'br' element.</span>
</p>

CSS

span {
    white-space: pre;
}

span:after {
    content: ' ';
}

span.line-break {  
    display: block;
}

span.line-break:after {  
    content: none;
}