为什么我的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>