CSS'de nasıl bir kaç kesinti yapılır?

Question

İçeriğin bu şekilde gösterilmesini istiyorum ancak bir şekilde CSS'de kullanarak <br> etiketi olmadan. Böyle bir şey: Eğer düz metin hedef gerekiyorsa

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

Sen <pre> etiketi kullanabilirsiniz. <div> gibi diğer elementler için

<pre> 
 
one 
 

 

 

 

 
two 
 

 

 

 

 

 
three 
 
</pre>

Veya, CSS yolu white-space: pre;.

div { 
 
    white-space: pre; 
 
}

<div> 
 
one 
 

 

 

 

 
two 
 

 

 

 

 

 
three 
 
</div>

Answer 2

Bu css özelliklerden herhangi birini kullanabilirsiniz, ancak HTML etiketleri metin koymak gerekir gibi <p>, div, vs:

yükseklik
margin-top
kenar boşluğu alt
dolgu malzemesi üst
dolgu alt tabanı

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

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