JSFiddle - React, Tailwind, and code Playground
HTML
<div id="wrap">
<div id="inputmeasurements">
<p id="topmeasurement" align=left>
<input type="text" class="topm" id="title" name="title" maxlength="80" placeholder="TITLE"><span id="counter"></span><br>
<input type="text" class="topm" id="specifics" name="specifics" placeholder="Specifics"><br>
<input type="text" class="topm" id="supplier" name="supplier" placeholder="Supplier"><br>
<input type="text" class="topm" id="date" name="date" placeholder="Date"><br>
<input type="text" class="topm" id="weight" name="weight" placeholder="Weight"><br>
<textarea class="topm" id="mercedes" placeholder="Enter Any Aditional Data Here"> </textarea><br><br>
</p>
<p id="botmeasurement">
<input type="text" class="botm" id="bust" name="bust"> Bust<br>
<input type="text" class="botm" id="waist" name="waist"> Waist<br>
<input type="text" class="botm" id="hips" name="hips"> Hips<br>
<input type="text" class="botm" id="lng" name="lenght"> Lenght<br>
<input type="text" class="botm" id="shl" name="shoulders"> Shoulders<br>
<input type="text" class="botm" id="slv" name="sleeves"> Sleeves<br>
<input type="text" class="botm" id="ins" name="inseam"> Inseam<br>
</p>
<div id="enter-meta-wrap">
<p style="text-align: center;">Convert data to html ready metadata:</p>
<button id="enter-meta" onclick="myFunction2();switchVisible();">Convert</button>
</div>
</div>
<div id="finishedmeasurements" style="display:none;">
...
CSS
.selected {
background: #8BC34A;
}