Clearing floats

.parent {
    overflow: auto;
    width: 100%;
}

.parent:after {
    clear: both;
    display: table;
}

.child-1 {
    float: left;
    width: 50%;
}

.child-2 {
    float: right;
    width: 50%;
}