JSFiddle - React, Tailwind, and code Playground
HTML
<div id="main">
<form name="form1">
<div>
<label for="name">Name</label>
<input type="text" name="name" class="right">
</div>
<div>
<label for="description">About you</label>
<textarea name="description" class="right"></textarea>
</div>
<div>
<label for="location">Location</label>
<input type="text" name="location" class="right">
</div>
<input type="submit" value="Submit">
</form>
</div>
CSS
div {
margin: 3em 0;
}
.right{
float:right;
}
#main{
width:80%;
}
textarea{
resize:none;
}