Edit in JSFiddle

<div class="parent">
<div class="in l">Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text </div>
<div class="in r">Text Text Text Text Text Text Text Text Text Text Text Text </div>
</div>

.parent {
    display: block;
    width: 300px;    
    padding: 0;
}
.in {
    width: 50%;
    margin: 0;
}
.l {
    float: left;
    color: blue;
}
.r {
    float: right;
    color: green;
}