JSFiddle - React, Tailwind, and code Playground

by Jay Angelo Valmocina

HTML

<div>
    <button>press me</button>
    <span contenteditable="true">editable</span>
</div>

CSS

div {
  border: 1px solid gray; 
  width: 15em;
  height: 5em; 
  overflow-y: scroll;
  padding: 20px;
}
button { 
  float: right;
  border: transparent;
  background: #C91F37;
  padding: 10px;
  color: #fafafa;
  font-weight: bold;
  border-radius: 4px;
  outline: none;
}