JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divMsgs">
    <div id="divLeft">
        Bobby Brown
        2014-08-05
    </div>
    <div id="divRight">
        Hello, World! This is some sample text!
    </div>
</div>

CSS

#divMsgs{
    height: 99px;
    margin: auto;

    background-color: #3399FF;
}

#divLeft{
    float: left;
    width: 110px;
    height: 85px;
    border: 2px #6666ff outset;
    
    padding: 5px;
    
    background-color: #189cd8;

    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    font-family: Tahoma, Geneva, sans-serif;
    font-style: normal;
    text-decoration: inherit;
}

#divRight{
    width: 400px;
    height: 85px;

    border: 2px #6666ff outset;

    background-color: #189cd8;

    padding: 5px;
    
    float: right;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    font-family: Tahoma, Geneva, sans-serif;
    font-style: normal;
    text-decoration: inherit;
    line-height: 1.3em;
}