Edit in JSFiddle

.wrap {
    padding: 10px;
    background-color: #def0c2;
}

.d1 {
    float: left;
    width: 49%;
    margin-right: 2%;
    padding: 20px 0;
    background-color: #59b1f6;
    color: white;
    text-align: center
}

.d2 {
    float: left;
    width: 49%;
    padding: 20px 0;
    background-color: #ffb5b4;
    color: #fa8382;
    text-align: center
}

<div class="wrap">
    <div class="d1">dv1</div>
    <div class="d2">dv2</div>
</div>