JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<form>
  <div>
    <label for="field1">Field 1</label>
    <input id="field1" type="text" size="47">
  </div>

  <div>
    <label for="field2">Field 2</label>
    <input id="field2" type="text" size="7">
  </div>

  <div class="clearfix">
    <label for="field3">Field 3</label>
    <input id="field3" type="text" size="30">
  </div>

  <div>
    <label for="field4">Field 4</label>
    <input id="field4" type="text" size="25">
  </div>
</form>

CSS

label { display: block; }
div { float:left; margin: 5px;  }
.clearfix { clear:both; }