JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="notificationsList">
    <li>
        <span class="dates">
            2/12/2013
            <span class="eDate">
                31/12/2013
            </span>
        </span>
        <span class="eContent">
            This is the content of the notification
        </span>
    </li>
</ul>

CSS

#notificationsList li
{
    height:30px;
    background:#ccc;
}
.dates{
    font-size:11px;
    float:left;
    height:30px;
    width:100px;
    background:red;
}
.eDate{
    display:block;
     z-index:100;
}
.eContent{
    position:relative;
    left:-100px;
    display:block;
    font-size:18px;
    padding-top:5px;
    z-index:10;
}