表格单元格中的 HTML/css 文本不缩进

Question

一个简单的问题，但对外观的影响很大。

我希望文本从单元格边框缩进并尝试过 style=text-indent: 4px (没有格式化，所以它在这里正确显示)但是当第一行缩进时，<br> 之后的行标签没有缩进。请帮忙。由于某些 Javascript，我需要使用 div。这是有缺陷的代码:

<td>
   <div id="navbar" style="text-indent:4px"><b>View by:</b><br>
      <a href="search.php?cat=pop">Popular</a><br>
      <a href="search.php?cat=trend">Trending</a><br>
   </div>
</td>

Answer 1

text-indent 只应该触及第一行。如果要调整整个 block ，请使用 margin(或 margin-left 或 padding 等)。