JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div class="holder">
    <div class=" time">03/05/2012 11:30pm</div>
    <div class="title">This is my title<span>This is my subtitle</span></div>
</div>

CSS

.holder{
 color:#fff;
 clear:both;
 width: 100%;
 background-color:#2d2f31;
 height: 70px;
 padding-bottom: 1px;
 margin: 12px 0;
}

.time{
padding: 17px 20px 0;
float:left;
margin-right: 20px;
    height: 100%;
    background-color: black;
    box-sizing: border-box;
}
.title{
padding: 17px 20px 0;
background-color: red;
height:54px;
}
.title span{
display:block;
font-size:12px;
line-height: 1.25em;
color:#646464;
}