表格单元格中的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只应触及第一行.如果要调整整个块,请使用margin(或margin-left或padding等).

Answer 2

尝试向元素添加填充，以保存要缩进的文本。

   <td style="padding:5px;">text</td>