在我的例子中，我需要在每段的开头插入，所以我做了下面的事情，它对我很有效，我希望它能帮助到别人

p:first-letter {
    margin-left: 20px
}

试着 。

根据特殊字符的文档:

特征实体 和 表示一个en空格和一个em 分别是空间，其中en空间是点大小的一半，em空间是点大小的一半 空格等于当前字体的点大小。固定螺距 字体时，用户代理可以将en空格视为等同于A 空格字符，em空间等价于两个空间 字符。

白色的空间?你就不能用填充吗?这是一个想法。这就是如何在元素周围添加一些“空白区域”。所以你可以使用以下CSS标签:

padding: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

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

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

使用标准的CSS标签大小。

插入一个tab符号(如果是标准tab键，移动光标)按Alt + 0 + 0 + 9

.element {
    -moz-tab-size: 4;
    tab-size: 4;
}

我的首选:

*{-moz-tab-size: 1; tab-size: 1;}

查看标签大小的代码片段或快速找到的示例。

.t1{ -moz-tab-size: 1; tab-size: 1; } .t2{ -moz-tab-size: 2; tab-size: 2; } .t4{ -moz-tab-size: 4; tab-size: 4; } pre {border: 1px dotted;} <h3>tab = {default} space</h3> <pre> one tab text two tab text </pre> <h3>tab = 1 space</h3> <pre class="t1"> one tab text two tab text </pre> <h3>tab = 2 space</h3> <pre class="t2"> one tab text two tab text </pre> <h3>tab = 4 space</h3> <pre class="t4"> one tab text two tab text </pre>

走一步比@Ivar和风格我自己的自定义标签像这样…对我来说，“tab”更容易记忆和输入。

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

HTML实现……

<p>Left side of the whitespace<tab>Right side of the whitespace</p>

我的截图…