.wrap { padding: 10px; background-color: #def0c2; overflow: hidden } .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>