我想缩进一个文本块 - 所有文本，而不仅仅是第一行 - 在布局和文字处理程序中非常常见，而且我发现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>
答案 0 :(得分：8)
它会插入空格，因为您将margin设置为跨度的每一侧（顶部，左侧，右侧，底部）。
将范围的样式更改为：
display:inline-block;margin-left:1em;