JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

textarea {
  display: block;
  width: 300px;
  height: 50px;
  border: 0px;
}

.padTextarea {
  background-color: white;
  padding-top: 30px;
  display: table;
  border: 1px solid #CCC;
}

label {
  display: block;
  margin: -330px 5px 0 5px;
  width: 290px;
  height: 25px;
  font-weight: bold;
}