JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<div id="columns">
    <div id="box1">box1</div>
    <div id="box2">box2</div>
    <div id="box3">box3</div>
    <div id="box4">box4</div>
    <div id="box5">box5</div>
    <div id="box6">box6</div>
</div>

CSS

#columns {
        width:400px
    }
    #columns div {
        float:left;
        width:50%;
        outline:1px solid red;
        height:400px;
    }
    #columns:after {
        content:"";
        display:block;
        clear:both;
    }

JavaScript

$(document).ready(function () {

});