JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#">

<p><label>First name:</label>  <input type="text" id="firstname" /></p>
<p><label>Last name:</label> <input type="text" id="lastname" /></p>
<p><label>Email address:</label> <input type="text" id="email" /></p>
<p><label>Message:</label> <input type="text" id="message" /></p>
<p class="submit"><input type="submit" value="Submit" /></p>
</form>

CSS

label
{
width: 6em;
float: left;
text-align: left;
margin-right: 1em;
display: block;
}