不使用blockquote缩进的HTML代码(因此下一行没有空格)

Question

我试图创建一个缩进文本块而不使用块引用.我想这样做的原因是因为块引用在缩进的文本块和前一段之间添加了一个额外的空格.

我希望缩进的文本片段与非缩进文本一起冲洗.

Answer 1

您可以使用padding-left和display:阻止CSS属性,然后将文本换行以在span中缩进.例如:

<p>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
    Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
    when an unknown printer took a galley of type and scrambled it to make a type specimen book. 
    <span style="padding-left: 20px; display:block">
        It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. 
    </span>
    It was popularised in the 1960s with the release of Letraset sheets containing Lore
</p>