title: Pre code html rendering rather than displaying text
body: <p>I want to show some code for some documentation. But whenever I try, the browser actually renders it as HTML rather than as text.</p>
  
  <p>How do I stop this?</p>
  
  <pre><code>&lt;pre&gt;
    &lt;code class="html"&gt;
      &lt;div class="alert-wrap g--5"&gt;
        &lt;input type="checkbox" id="alert-check"&gt;
        &lt;label for="alert-check"&gt;CLOSE&lt;/label&gt;
        &lt;div class="alert card"&gt;
          &lt;p&gt;Surface rules! That is all.&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/code&gt;
  &lt;/pre&gt;
  </code></pre>