JSFiddle - React, Tailwind, and code Playground

HTML

<div id="input" contenteditable="true"></div>

CSS

#input {
	padding: 5px;
    border: 1px solid #CCCCCC;
    margin: 0px 5px 0px 0px;
    width: 90%;
    max-width: 100%;
    min-width: 50%;
    min-height: 40px;
    max-height: 500px;
    float: right;
    background: #FFFFFF;
    color: #414141;
    font-family: monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-size: 13px;
    cursor: auto;
    resize: vertical;
    overflow-y: auto;
}