title: Insert line break after each "!" character
body: <p>Is it possible using CSS3 to insert a line break after a specific character in the HTML? In this case, we need to insert a line break after the exclamation mark <code>!</code>. <a href="https://stackoverflow.com/questions/9062988/newline-character-sequence-in-css-content-property">This</a> talks about the <code>:before</code> pseudo-element and <code>content</code>. Is this possible for putting a newline after an exclamation mark?</p>