这招对我很管用:

在我的CSS我有:

tab0  { position:absolute;left:25px;  }
tab1  { position:absolute;left:50px;  }
tab2  { position:absolute;left:75px;  }
tab3  { position:absolute;left:100px; }
tab4  { position:absolute;left:125px; }
tab5  { position:absolute;left:150px; }
tab6  { position:absolute;left:175px; }
tab7  { position:absolute;left:200px; }
tab8  { position:absolute;left:225px; }
tab9  { position:absolute;left:250px; }
tab10 { position:absolute;left:275px; }

然后在HTML中，我只使用我的标签:

Dog Food <tab3> :$30
Milk <tab3> :$3
Pizza Kit <tab3> :$5
Mt Dew <tab3> :$1.75

我喜欢用这个:

在CSS中:

.tab { 
       display:inline-block; 
       margin-left: 40px; 
}

在你的HTML中:

<p>Some Text <span class="tab">Tabbed Text</span></p>

你可以使用&nbsp;对于空格，&lt;对于<(小于，实体号&#60;)和&gt;对于>(大于，实体号&#62;)。

完整的列表可以在HTML实体中找到。

这是一个“Tab”文本(复制粘贴):" "

由于本网站的回答限制，它可能会显示不同或不是一个完整的选项卡。

<span style=“padding-left：68px;”></span>

你还可以使用:

padding-left
padding-right
padding-top
padding-bottom

你可以像这样填充<span style="padding-left: 20px;">，你可以查看更多的方法在这里-空白的HTML