JSFiddle - React, Tailwind, and code Playground

by andydavies

HTML

<div class="container">
		<section class="unit">
			<h3>Title</h3>
			<p>Some text related to the title explaining stuff... </p>
		</section>

		<section class="unit">
			<h3>Title</h3>
			<p>Some text related to the title explaining stuff... </p>
		</section>

		<section class="unit">
			<h3>Title</h3>
			<p>Some text related to the title explaining stuff... </p>
		</section>
	</div>

CSS

.container {
	border: 1px solid #F8F;
	width: 960px;
	max-width: 960px;
/*	margin: 0 auto; */
    text-align: justify;
}

.unit {
	display: inline-block; /* Needs IE6 / IE7 hack zoom: 1; *display: inline; */
	vertical-align: top;
	width: 15em;
	height: 10em;
	background: #ccc;
    text-align: left:
}

.unit:after {
	content: "";
	width: 100%;
	display: inline-block;
 }