JSFiddle - React, Tailwind, and code Playground

by mathiasfcx

HTML

<body>
  <h1>Test</h1>

  <div contenteditable="true" style="width: 100%; height: 200px; border: 1px solid black; overflow: auto;">
    <p>
      <span contenteditable="false" style="width: 75%; height: 80px; display: inline-block; border: 1px solid red;">&nbsp;</span>.
    </p>
  </div>
</body>

CSS

p {
  display: inline;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}