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;