title: Show code in a P tag without loading it
body: <p>I have a simple style like this,</p>
  
  <pre><code>.codecontain{
      padding: 10px;
      background-color: #34495e;
      color: #ecf0f1;
      max-width: 200px;
      border-radius: 10px;
  }
  </code></pre>
  
  <p>and I would like to display a code in it like this,</p>
  
  <pre><code>&lt;div class="codecontain"&gt;
  &lt;p&gt;&lt;hr&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but when I do it HTML displays the result but I want HTML to show text.
  I know there are syntax highlighters but I don't want to use them.</p>