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"> The quick brown fox jumps over the lazy dog</div>

            </div>

CSS

.field{
    width:400px;
}
.field div,.field input{
    display:inline;

}
label{
    float:left;
    height:40px;
}
.tip{
    float:left;
    clear:right;
}