JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page" contenteditable>living the dream</div>
<hr/>
<div class="content" contenteditable>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

<div>Save button</div>

CSS

.page {
    -moz-appearance: textfield;
        -webkit-appearance: textfield;
        background-color: white;
        background-color: -moz-field;
        border: 1px solid darkgray;
        border-radius: 3px;
        box-shadow: 1px 1px 1px 0 lightgray inset;
        font: -moz-field;
        text-align: left;
        padding-top: 9px;
        padding-left: 10px;
        height: 25px;
}
.content{
    -moz-appearance: textfield-multiline;
        -webkit-appearance: textarea;
        background-color: white;
        border: 1px solid gray;
        border-radius: 5px;
        font: medium -moz-fixed;
        height: 128px;
        overflow: auto;
        padding: 2px;
        resize: both;
}