How to line-break from css, without using <br />?

Question

output:

 hello How are you 

code:

<p>hello <br> How are you </p> 

How to achieve same output without <br>?

Answer 1

You can use white-space: pre; to make elements act like <pre>, which preserves newlines. Example:

p {    white-space: pre;  }

<p>hello   How are you</p>

Note for IE that this only works in IE8+.

Answer 2

Impossible with the same HTML structure, you must have something to distinguish between Hello and How are you.

I suggest using spans that you will then display as blocks (just like a <div> actually).

p span {    display: block;  }

<p><span>hello</span><span>How are you</span></p>