JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="qual" rows="5" cols="20" style="resize:none" placeholder="The secondary heading of this space in brackets"></textarea>
 <label for="qual">The main heading underlined:</label>

CSS

textarea {
    display: block;
    width: 300px;
    height: 50px;
    padding-top: 30px;
}
label { 
    display: block;
    margin: -330px 5px 0 5px;
    width: 290px;
    height: 25px;
    font-weight:bold;
    background-color: white;
}