JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<div class="faux-table">
	<div class="faux-column">
        <div class="faux-header">Col 1</div>
        <div>Foo</div>
        <div>Bar</div>
        <div>Baz</div>
        <div>Qux</div>
    </div>
	<div class="faux-column">
        <div class="faux-header">Col 2</div>
        <div>Foo</div>
        <div>Bar</div>
        <div>Baz</div>
        <div>Qux</div>
    </div>
 	<div class="faux-column">
        <div class="faux-header">Col 3</div>
        <div>Foo</div>
        <div>Bar</div>
        <div>Baz</div>
        <div>Qux</div>
    </div>
</div>

CSS

body {
  margin-top:1em;
}

.faux-table > div.faux-column {
	float:left;
}

.faux-column > div { 
    margin: 1px 1px 0px 0px;
    padding: 5px;
	background-color:#eee;
}

.faux-column > div.faux-header {
 font-weight: bold;
 background-color: #ccc;
}