JSFiddle - React, Tailwind, and code Playground

by halirgb

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<div class="well">
<div class="desc">
    <a href="" class="">
        Spring Training: Minnesota Twins vs. Boston Red Sox
    </a>
    <span>Fort Myers, FL Hammond Stadium</span>    
</div> 
<span class="date">Mar 01 Sat</span>
<div class="pull-right buttons">
    
<a class="btn btn-link" href="#">sell tickets</a>

<a class="btn btn-primary" href="#">
    Get Tickets
    <span>From $86.67</span>
</a>
</div>
    <div class="clearfix"></div>
</div>

CSS

body{
    padding:10px;
}
.date{
    
}
.desc{
    margin-bottom:20px;
}
.desc span{
    display:block;
}
.btn{
    margin-left:10px;
}
.date{
    font-weight:bold;
    float:left;
    display:block;
    height:40px;
    line-height:40px;
    vertical-align:middle;
}