How Can I Create Line Breaks in CSS Without Using ``?

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

hello
How are you

 element, preserving whitespace characters, including newlines.</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">p {
  white-space: pre;
}

<p>hello
How are you</p>

Effect of white-space: pre

The white-space: pre property instructs the browser to maintain the whitespace characters as written in the HTML. In this case, the newlines between "hello" and "How are you" are preserved, resulting in a line break.

Output of Alternative Approach

hello
How are you

This method provides a convenient way to create line breaks without adding unnecessary markup to the HTML. It is particularly useful in situations where line breaks are desired but semantic elements like
are not suitable.

The above is the detailed content of How Can I Create Line Breaks in CSS Without Using ``?. For more information, please follow other related articles on the PHP Chinese website!