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

<html>
<body>
    
<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br element.
</p>

</body>
</html>

CSS

p {
    line-height: 1;
}

br {
    content: ' '
}

br:after {
    content: ' '
}