Two divs

by Marconius

HTML

<div class="wrapper group">
    <div class="left">Lorem ipsum dolor sit amet, vide porro ubique vis ei. ea sea vei</div>
    <div class="right">Probo fabulas inermis cu cum. Eros voluptatibus vel te, unt, his sanctus voluptatibus ei. Has lorem complectitur te, in per adipisci gloriatur dissentiunt. Elit quaestio consectetuer, modus facete no qui. Has eu quidam salutandi dissent</div>
</div>

CSS

.left {
    float: left;
    display: block;
    background-color: red;
    width: 10em;
}
.right {
    margin-left: 10em;
    display: block;
    background-color:blue;
}
.wrapper {
    width: 100%;
    border-style: solid;
    border-color: yellow;
}
.group:after {
    display: table;
    clear: both;
    content:"";
}