css - CSS/HTML：缩进包含硬回车的整个文本块

Question

我想缩进一段文本——所有文本，而不仅仅是第一行——这在布局和文字处理程序中很常见，我发现这对于 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>

Answer 1

它会插入空间，因为您要设置margin到跨度的每一侧（顶部、左侧、右侧、底部）。
将跨度的样式更改为：

display:inline-block;margin-left:1em;