JSFiddle - React, Tailwind, and code Playground

HTML

<span>
  <div contenteditable="true">abc</div>
</span>
<span>
  <div contenteditable="true">abc</div>
</span>

CSS

span:nth-child(1) {
  display: inline-block;
  width: 300px;
  height: 300px;
  background-color: red;
}
span:nth-child(2) {
  display: inline-grid;
  width: 300px;
  height: 300px;
  background-color: blue;
  grid-auto-rows: min-content;
  /*user-select:none;*/
}