HTML code to indent without using blockquote (so there is no space on the next line)

Question

I am trying to create a block of indented text without using block quote. The reason I want to do this is because block quote adds an additional space between the indented block of text and the previous paragraph.

I wan the indented piece of text to be flush up against the the non-indented piece of text.

Answer 1

You can use padding-left and display: block CSS property and then wrap the text to be indented in a span. E.g.:

<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>