JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <label class="left">First name:</label>
  <span class="block-formatting-context"><input type="text" placeholder="enter first name"></span>
  <label class="left">Last name:</label>
  <span class="block-formatting-context"><input type="text" placeholder="enter last name"></span>
</div>

CSS

.left {
    clear:both;
    float:left; display:inline;/*IEfix*/
    width:6em; /*optional*/
    background: #EEE;
}
.block-formatting-context {
    display:block;
    overflow:hidden;
    zoom:1;
    position:relative;
    background: #DDD;
}
input {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}