JSFiddle - React, Tailwind, and code Playground

by Don Johnson

HTML

<form action="demo_form.asp" autocomplete="on">
 	<fieldset>
  		<label for="fname">First name:</label>
  		<input type="text" name="fname" class="op">
 	</fieldset>
 	<fieldset>
  		<label for="lname">Last name:</label>
  		<input type="text" name="lname">
  	</fieldset>
  	<fieldset>
  		<label for="email">E-mail:</label>
  		<input type="email" name="email" autocomplete="off">
  	</fieldset>
  	<input type="submit">
</form>

CSS

* {
    margin:0;
    padding:0;
}
form {
    width:100%;
}
fieldset {
    width:100%;
    display:block;
    padding:0.5em 0;
    border:none;
}
label {
    display:inline-block;
    width:40%;
    padding:0 5%;
}
input[type=text],
input[type=email] {
    height:100%;
    width:45%;
 	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
input[type=submit] {
    float:right;
    margin:0 5% 0 0;
}