JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pseudo-table">
    <input id="yourname" name="yourname" type="text" placeholder="Name...">
    <label for="yourname">Name</label>
</div>
    <br />
<div class="pseudo-table">
    <input id="mail" name="mail" type="email" placeholder="Email...">
    <label for="mail">Email</label>
</div>

CSS

.pseudo-table {
    display: table;  }

label {
    display: table-header-group;
}

input {
    display: table-row-group; 
}

input:focus + label {
    color:red;
    font-weight: bold;
}