Как сделать несколько перерывов в CSS?

Question

Я хочу, чтобы содержимое отображалось как это, но без знака <br>, используя как-то в CSS. Что-то вроде этого:

Hi <br><br><br><br><br><br><br><br><br><br> Hello <br><br><br><br><br><br><br><br><br><br> Bye

Answer 1

Вы можете использовать <pre> тег, если вы должны быть ориентированы на простой текст.

<pre> 
 
one 
 

 

 

 

 
two 
 

 

 

 

 

 
three 
 
</pre>

Или CSS путь white-space: pre; для других элементов, таких как <div>.

div { 
 
    white-space: pre; 
 
}

<div> 
 
one 
 

 

 

 

 
two 
 

 

 

 

 

 
three 
 
</div>

Answer 2

Вы можете использовать любого из этих свойств CSS, но вы должны поместить текст в HTML-тег, такие как <p>, div и т.д.:

высоты
маржи-топ
margin-bottom
padding-top
padding-bottom

#midP{margin-top:50px;margin-bottom:20px;border:1px solid red;}

<p>Hi</p> 
 
<p id="midP">Hello</p> 
 
<p>Bye</p>