JSFiddle - React, Tailwind, and code Playground

by Zsanett Tamás

HTML

With a div
<div>
Vestibulum quis ornare quam, eu dictum leo. Vetibulum ultrice ante non vehicula.
</div>


With a textarea
<textarea>
Vestibulum quis ornare quam, eu dictum leo. Vetibulum ultrice ante non vehicula.
</textarea>

CSS

*{
    padding:0px;
    margin:0px;
}

div,textarea{
    width:100%;
    max-width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family:  "Lucida Console", Monaco, monospace;
    font-size: 1.99vw;
    white-space: nowrap;
    overflow-x:hidden;
    
    /* styling */ 
    background:#09f;
    min-height: 100px;
    margin-bottom: 30px;
}