CSSでいくつかのブレークを作成するには？

Question

コンテンツをこのように表示するには、<br>というタグを付けずに、何らかの形でCSSを使用します。このような何か：あなたはプレーンテキストをターゲットにする必要がある場合は<pre>タグを使用することができます

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

。 <div>のような他の要素のための

<pre> 
 
one 
 

 

 

 

 
two 
 

 

 

 

 

 
three 
 
</pre>

または、CSSの道white-space: pre;。

div { 
 
    white-space: pre; 
 
}

<div> 
 
one 
 

 

 

 

 
two 
 

 

 

 

 

 
three 
 
</div>

Answer 2

あなたはこれらのCSSプロパティのいずれかを使用することができますが、HTMLタグにテキストを配置しなければならない、など<p>、divなど：

高さ
マージントップ
マージンボトム
パディングトップ
パディングボトム

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

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