<span> öğesinin * her * sırasını nasıl girersiniz?

Question

Ben aşağıdaki HTML öbek vardır:

<span class='instruction_text'> 
    Line 1<br> 
    Line 2 
</span> 

Ve instruction_text CSS beyanı geçerli:

.instruction_text { 
    margin-left: 70px; 
    font-style: italic; 
    color: #555; 
} 

ilk satır beklendiği gibi bir 70px marjı vardır, ama bir sonraki satır hiçbir girintisi ile başlar. TÜM TÜMÜNÜ NASIL TAHLİYE EDİLİR?

Answer 1

Blok düzeyinde bir öğe kullanın. <div>, varsayılan olarak blok düzeyindedir, ancak CSS display:block ürününü instruction_text sınıfınıza eklemek, doğru yöne göndermelidir.

Answer 2

BR etiketlerini bir SPAN öğesinin içine yerleştirmek, satır içi bir öğede SPAN olarak çok fazla anlam ifade etmez; bu, bir metin satırının veya diğer satır içi öğelerin akışında kullanılması anlamına gelir.

DIV veya P gibi bir "blok" seviye elemanı olan bir öğe kullanıyor olmalısınız, örn. Birden çok metin satırı (veya satır içi öğeler) içerecek şekilde tasarlanmış olan. Satır sonu Fark etmiş olacak gibi

, bir SPAN içinde bir BR etiketi kullanabilirsiniz CAN ve neyin sebep olur, ancak satır içi öğeler marjları/dolgu vb