您可以使用一个表并将width属性应用于第一个<td>。

<table>
    <tr>
        <td width="100">Content1</td>
        <td>Content2</td>
    </tr>
    <tr>
        <td>Content3</td>
        <td>Content4</td>
    </tr>
</table>

结果

Content1       Content2
Content3       Content4

在CSS中有这个:

span.tab{
    padding: 0 80px; /* Or desired space*/
}

然后在你的HTML有这是你的“长标签”在句子中间，就像我需要的:

<span class="tab"></span>

节省&nbsp;或&emsp;这是你需要的。

p {background-color: #FFEEEE;保证金:0;填充:0.5em 0;｝ < span style=" font - family:宋体;tab-size: 4 " > & # 9 # 9 & # 9←←一个选项卡两个标签# 9 & # 9 & # 9←三个标签# 9 & # 9 & # 9 & # 9←四个选项卡。< / p > < span style=" font - family:宋体;tab-size: 4">←这是一个字符 < span style=" font - family:宋体;</p> . tab-size: 42">&#9←This one has come out too far.</p> . < span style=" font - family:宋体;tab-size: 8">&#9←说!</p>

太懒了;没有“运行代码”):

通过输入&#9在文本中插入制表符，或者(如果您确定文档是UTF-8编码的)按下制表键! 添加空白:预换行;到文本元素的CSS规则，以阻止空格字符(包括制表符)折叠。 添加tab-size: 4;到你的文本元素的CSS规则，以确保你的制表符宽度等于四个标准空格字符。

(在众多的回答和评论中，每一件事都有一些片段和线索，但没有一个像它的措辞那样把它们放在一起来回答这个问题。)

编辑:不幸的是，堆栈代码段将我的Unicode制表符转换为空格!因此，演示的这一部分(第2行)不起作用。如果通过代码格式化器运行代码，可能会遇到类似的问题。&#9避免了这些问题。

如果你正在使用CSS，我建议如下:

p:first-letter  {
   text-indent:1em;
}

这将像传统出版物一样缩进第一行。

使用CSS和最佳实践，嵌套、缩进菜单的动态创建如下:

为每个嵌套创建一个样式，如indent1, indent2等，每个嵌套都指定自己的左边距。站点结构应该很少超过三层嵌套。 在自递归函数中使用静态变量(整数)来跟踪递归。 对于每个循环，使用服务器端脚本(如PHP或ASP)将循环号附加到单词indent后，以便这些菜单通过CSS进行适当的格式化。

或者，循环静态变量，使用多个&nbsp;或<pre>标记，或其他字符，视情况而定。

从测试水平制表符，&#09;我发现它不能作为多种&nbsp;在我描述的场景中。你可能会得到不同的结果。

如果你想要这些标签

像制表员一样工作，即使是在内容表中 不想用难看的“pre”字体

然后使用:

<pre class='TAB'>&#009;</pre>

把它放在你的CSS中:

.TAB {
margin:0; padding:0;
display:inline;
tab-size: 8;
}

根据需要更改制表符大小。