title: Indentation issue
body: <p>I would like to know if my indentation for this file is correct or not because my result that I got is not  aline together (not straight).</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt;Javascript for Loop&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;pre&gt;
          &lt;script type = "text/javascript" &gt;
              let x = 5;
          do {
              document.write("do while Looping " + x + "\n");
              x++;
          } while (x &lt; 10)
          
          &lt;/script&gt;      
          &lt;/pre&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Result:</p>
  <p><a href="https://i.stack.imgur.com/uAfN4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uAfN4.png" alt="enter image description here" /></a></p>