JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <label>Form Field</label>
</div>
<div class="wrapper">
<textarea name="whatWillBeSentToServer" readonly="readonly">
Multiple lines
Another Line
    Yet another line (this one with indentation)
    MORE LINES!!!!
</textarea>
</div>

CSS

textarea[readonly] {
    width: 100%;
    border: 0;
    resize: none;
    overflow: hidden;
}
.wrapper {
    display: inline-block;
}