title: How to indent html code examples
body: <p>I have a website or a html page and I want to indent my code for my visitors to see. For example:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;pre&gt;
  &amp;lt;html&gt;
  &amp;lt;body&gt;
  &amp;lt;p&gt;
  hi
  &amp;lt;/p&gt;
  &amp;lt;/body&gt;
  &lt;/pre&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>In html, is there a way to indent a block code without using a lot of &amp;nbsp ; , like the &lt;blockquote> tag. this way, I can use something like this:
      <blockquote>
      &lt;html>
      <blockquote>
      &lt;head>
      &amp;lt/head>
      &lt;body>
      <blockquote>
      &lt;p>
      
      Hi
      </blockquote>
      &lt;/p>
      </blockquote>
      &lt;/body>
      </blockquote>
      &lt;/html>
  Using:</p>
  
  <pre><code>&lt;blockquote&gt;
  &amp;lt;html&gt;
  &lt;blockquote&gt;
  &amp;lt;head&gt;
  &amp;lt/head&gt;
  &amp;lt;body&gt;
  &lt;blockquote&gt;
  &amp;lt;p&gt;
  &lt;blockquote&gt;
  Hi
  &lt;/blockquote&gt;
  &amp;lt;/p&gt;
  &lt;/blockquote&gt;
  &amp;lt;/body&gt;
  &lt;/blockquote&gt;
  &amp;lt;/html&gt;
  </code></pre>
  
  <p>I was wondering if there was a better way to indent blocks of code. If not, I was wondering if there was a way to use css to change it so there is no line on the side and it looks just link a normal indent to the user.</p>