爲什麼我的div類不能在嵌套的粗體標籤上工作？

Question

我有一個像這樣的造型班的div，並且裏面有一個大膽的標籤。該類似乎適用於常規文本和文本區域框，但不適用於粗體標記。它只有當我把類放在粗體標籤本身中時纔有效。

我認爲類應該在div中的所有內容上工作嗎？它只能在像textarea/input這樣的特定標籤上工作，而不是像大膽的其他標籤？我只問，因爲我很好奇，如果有一個關於html/css我缺少的基本規則。我研究過divs，看來它應該按我想的方式工作。

<style> 
.indent 
{ 
    text-indent: -2em; 
    padding-left: 2em; 
} 
</style> 

<div class='indent'> 
     <b>Other</b><br> 
     blah blah blah.<br> 
     <textarea rows="4" cols="10" name="others"></textarea><br><br> 
</div> 

Answer 1

的text-indent將應用於第一線，這就是爲什麼只有Other是越來越縮進-2em。這與粗體標籤無關。例如：

<style> 
 
.indent 
 
{ 
 
    text-indent: -2em; 
 
    padding-left: 2em; 
 
} 
 
</style> 
 

 
<div class='indent'> 
 
     Other<br> 
 
     <b>blah blah blah.</b><br> 
 
     <textarea rows="4" cols="10" name="others"></textarea><br><br> 
 
</div>

所以如果你不想留什麼縮進，你可以簡單地從你的類中刪除：

<style> 
 
.indent 
 
{ 
 
    padding-left: 2em; 
 
} 
 
</style> 
 

 
<div class='indent'> 
 
     <b>Other</b><br> 
 
     blah blah blah.<br> 
 
     <textarea rows="4" cols="10" name="others"></textarea><br><br> 
 
</div>