Search code examples
htmlcssline-breaks

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


How to achieve same output without <br>?

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

output:

hello
How are you

Solution

  • 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>