JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/17524600/align-two-div-boxes

HTML

<label for="cb1"><input id="cb1" name="cb1" type="checkbox" /> checkbox1 </label>
<label for="cb2"><input id="cb2" name="cb2" type="checkbox" /> checkbox2 </label>
<label for="cb3"><input id="cb3" name="cb3" type="checkbox" /> checkbox3 </label>
<label for="cb4"><input id="cb4" name="cb4" type="checkbox" /> checkbox4 </label>

CSS

label {
    display:block;
    width:50%;
    *width:49%;
    /*
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid green;
    padding:10px;
    */
}
label {
    float:left;
}
label[for="cb3"] {
    clear:left;
}