JSFiddle - React, Tailwind, and code Playground

HTML

<div class="field">
    <label>E-mail address: </label>
    <input type="text" id="email" name='email' style="width:200px;"></input>
    <span class='warning' id="emailWarning" > </span>
    <div class="tip" id="emailTip">This is a tip</div>
</div>

CSS

label {width:100px; text-align:right; margin-right:5px;}
.tip {margin-left:105px; padding: 5px 0;}