JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/css/bootstrap.css">
<div class="jumbotron">
<h1>QOTD</h1>
<blockquote>
<p>“I told him he could let me have the stuff back or I’d call the police and keep running after him. He went a reasonable distance but when he stopped and looked back I said ‘we can do this all day’ so he threw the bag at me and I let him go.”</p> <small>Chris Read<cite title="Source Title">Source Title</cite></small>
</blockquote>
</div>
<div id="tile"><h4>Welcome To LetsRun.com<small> where dreams become reality</small></h4> <p>We’re proud to reveal today a new refined version of LRC. It’s still the same site you know and love, but with a cleaner design and lots of new features. Click here to read about the changes and <a href="http://www.letsrun.com/forum/flat_read.php?thread=5484323">give your feedback.</a></p></div>
<div id="tile"><h4>Some Cool Stuff<small> happened recently</small></h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum placerat elementum ipsum, sit amet viverra enim viverra et. In vitae cursus metus. Etiam non urna a tortor vulputate adipiscing laoreet a magna. Donec egestas pellentesque sem, sed facilisis mauris. Maecenas ornare elit ornare velit pellentesque cursus. Sed suscipit ipsum orci, eget pellentesque tortor rhoncus et. Phasellus erat ante, porttitor quis sapien et, blandit condimentum eros. Curabitur id pharetra mauris. Nam vehicula est vitae felis tempor, ac molestie sapien aliquam.</p</div>
CSS
#tile {
margin: 5px;
width: 500px;
height: 200px;
border: 1px solid gray;
box-shadow: 0px 0px 2px 0px #888888;
}
h4 {
padding: 5px;
}
p {
padding-left: 5px;
}