JSFiddle - React, Tailwind, and code Playground

by blineberry

HTML

<textarea>lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. </textarea>
<div>lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. lorem ipsum dolor set amet. </div>

CSS

textarea, div {
    white-space: pre !important;
    white-space: pre-wrap !important;
}

textarea, div {
    height: 122px;
    width: 646px;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre;
    word-wrap: breakword;
    resize: none;
    
    background: #DDD;
    padding: 1em;
    border: 0 none;
}