JSFiddle - React, Tailwind, and code Playground

by fxi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.31.1/min/vs/editor/editor.main.js"></script>
<div class=qe>
  <panel>
    <textarea id=code>
  </textarea>
  </panel>
  <panel>
    <pre id=p></pre>
  </panel>
</div>

CSS

.qe {
  display:flex;
  flex-direction: column;
  justify-content:center;
  align-items:center;
  padding:20px;
}

panel {
  width:300px;
  height:300px;
  background:#ccc;
  position:relative;
}

#code {
  width:100%;
  
  
}