Edit in JSFiddle

	<div class="wrap">
		<div class="box1">box1</div>
		<div class="box2">box2</div>	
	</div>

div { color: white }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
[class^=box] {
	font-size: 2em;
}
.wrap {
	padding:30px;
	background-color: #def0c2;
  overflow:hidden;
}
.box1 {
    float: left;
    text-align: center;
    width:49%;
    margin-right: 2%;
    padding: 39px 0;
    background-color: #59b1f6;
}

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