JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div class="content">
     <h4>JUIST</h4>

    <ul>
        <li> <span class="label label-important pull-right">92</span>

            <div class="thumb"><a href="#"><img src="" alt="" width="50" height="50" style="height:50px;"></a>

            </div>
            <p><a href="#">Title</a>

            </p>
            <p><a href="#">Content</a>

            </p>
        </li>
        <li> <span class="label label-important pull-right">92</span>

            <div class="thumb"><a href="#"><img src="" alt="" width="50" height="50" style="height:50px;"></a>

            </div>
            <p><a href="#">Title</a>

            </p>
            <p><a href="#">Content</a>

            </p>
        </li>
    </ul>
</div>

CSS

.content {
    padding: 5px 15px 5px;
    background-color: #f9f9f9;
}
.content ul {
    margin: 0 0 5px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.content ul li {
    width: 50%;
    float: left;
    margin-bottom:10px;
    position:relative;
    padding-top: 10px;
}
.content ul li .thumb {
    float: left;
    margin-right: 20px;
}
.content ul li p {
    margin-bottom: 2px;
}
.content hr {
    margin: 0;
    border-top:1px solid #e1e1e1;
}
.content p {
    font-size:14px;
    margin:0;
}
.content span {
    position:absolute;
    left:38px;
    top:0px;
}