JSFiddle - React, Tailwind, and code Playground

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

HTML

<div class="column one">
    <div class="box A">A</div>
    <div class="box C">C</div>
</div>
<div class="column two">
    <div class="box B">B</div>
    <div class="box D">D</div>
</div>

CSS

div.column {
    width:50%;
}

div.column.one {
    float:left;
}

div.column.two {
    float:right;
}

div.box {
    width:40px;
    height:40px;
}