Edit in JSFiddle

<div class="row">
    <div class="col-one">Col #1</div>
    <div class="col-two">Col #2</div>
</div>

.row {
    background-color: #cfcfcf;
    padding: 25px;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
	clear: both;
}

.col-one,
.col-two {
    float: left;
    width: 50%;
    background-color: #fff;
}