title: CSS/HTML: indent whole block of text containing hard returns
body: <p>I want to indent a block of text--all the text, not just the first line--a pretty common thing in layout and word processing programs and am finding this surprisingly difficult with CSS.</p>
  
  <p>I tried <code>margin-left</code>, <code>padding</code> and <code>text-indent</code> without success.  By combining <code>margin-left</code> with <code>display:block-inline</code>, I managed to get the block to indent but the <code>display:block-inline</code> adds a space above the block which throws off layout and generally looks bad.  Apparently, another approach is <code>&lt;blockquote&gt;</code> but that is deprecated.  Can anyone suggest a way to do block indent with CSS?  Also I am trying to keep code lightweight so don't want to do a complicated styling of lists as this fits into a larger page. <br> works fine except for this issue. Thanks:</p>
  
  <p>Following code indents block but inserts space above it.</p>
  
  <p>html</p>
  
  <pre><code>Colors:&lt;br&gt;
  &lt;span style="display:inline-block;margin:1em;"&gt;
  blue&lt;br&gt;
  orange - complement to blue&lt;br&gt;
  red&lt;br&gt;
  purple - blend of red and blue&lt;/br&gt;
  &lt;/span&gt;
  </code></pre>