.messageContainer
{
    display: table;
    margin: auto;
    width: 97%;
    text-align: left;
    background-color: darkorange;
    border-radius: 7px;
    margin: 10px;
    padding: 10px;
}
.messageContainer > aside
{
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    background-color: #f0f671;
    padding: 10px;
}
.messageContainer > article
{
    display: table-cell;
    vertical-align: middle;
    background-color: #f0f671;
    padding: 10px;
}
.messageContainer > section
{
    display: table-cell;
    width: 50px;
    vertical-align: top;
    text-align: right;
    background-color: #f0f671;
    padding: 10px;
}