JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <legend>Shipping</legend>
    <label for="name">Name:</label>
    <input type="text" id="name"></input>
    <br/>
    <label for="address">Address:</label>
    <textarea id="address" rows="4"></textarea>
</form>
<form>
    <legend>Billing</legend>
    <label for="name">Name:</label>
    <input type="text" id="name"></input>
    <br/>
    <label for="address">Address:</label>
    <textarea id="address" rows="4"></textarea>
</form>
<br/><br/>
<button type="submit">Validate the Forms</button>

CSS

legend {
    font-weight: bold;
    font-size:1.5em;
    padding-bottom:15px;
}