我想缩进一个文本块 - 所有文本，而不仅仅是第一行 - 这在布局和文字处理程序中很常见，并且发现这在CSS中非常困难。
我尝试了margin-left，padding和text-indent都没有成功。 通过将margin-left与display:block-inline相结合，我设法使块缩进，但display:block-inline在块上方增加了一个空格，这抛弃了布局并且通常看起来很糟糕。 显然，另一种方法是<blockquote>，但已被弃用。 任何人都可以建议一种使用 CSS 进行块缩进的方法吗？ 此外，我正在尝试保持代码轻量级，因此不想对列表进行复杂的样式设置，因为这适合更大的页面。
除此问题外，工作正常。谢谢：
以下代码缩进块，但在其上方插入空格。
.html
Colors:<br>
<span style="display:inline-block;margin:1em;">
blue<br>
orange - complement to blue<br>
red<br>
purple - blend of red and blue</br>
</span>
它会插入空格，因为您要将margin设置为范围的每一侧(顶部、左侧、右侧、底部(。
将跨度的样式更改为：
display:inline-block;margin-left:1em;