Wait what

<main class="codepen">

  <section id="html">

    <h2>HTML</h2>

    <div class="code">

      <textarea></textarea>

    </div>

  </section>

  <section id="css">

    <h2>CSS</h2>

    <div class="code">

      <textarea></textarea>

    </div>

  </section>

  <section id="js">

    <h2>JS</h2>

    <div class="code">

      <textarea></textarea>

    </div>

  </section>

</main>

​

<script src="//cdn.jsdelivr.net/codemirror/3.21.0/codemirror.js" type="text/javascript"></script>

​

<script  

 src="//cdn.jsdelivr.net/codemirror/3.21.0/mode/xml/xml.js" type="text/javascript"></script>

​

<script  

 src="//cdn.jsdelivr.net/codemirror/3.21.0/mode/htmlmixed/htmlmixed.js" type="text/javascript"></script>

​

<script  

 src="//cdn.jsdelivr.net/codemirror/3.21.0/mode/javascript/javascript.js" type="text/javascript"></script>

​

<script src="//cdn.jsdelivr.net/codemirror/3.21.0/mode/css/css.js" type="text/javascript"></script>