表格单元格中的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>