JSFiddle - React, Tailwind, and code Playground

HTML

<div class="entry">
    <a class="meta">Aug. 20, 2010</a>
    <div class="content">
        <h2><a href="#">Hello.</a></h2>
        <p>...</p>
    </div>
</div>
<div class="entry">
    <a class="meta">Aug. 20, 2010</a>
    <div class="content">
        <p>...</p>
    </div>
</div>

CSS

.entry{
    width: 360px;
    border: 1px #ccc solid;
    padding:2em;
}

.entry .meta{
    float: left
    width: 160px;
}

.entry .content{
    float: right;
    width: 200px;
}
.content h2, .content p { border:1px #000 solid; }
.content > h2+p { margin:1px;background:#CCC; }
.content > p { margin-top:25px; }