<div class="box1">box1</div>
<div class="box2">box2</div>
.box1 {
border:20px solid #000;
width:250px;
height:150px;
margin:20px;
padding:10px;
background-color:#C39;
display:inline-block;
vertical-align:top;
text-align:center;
line-height:75px;
box-sizing:border-box;
}
.box2 {
border:20px solid #000;
width:250px;
height:150px;
margin:20px;
padding:10px;
background-color: #C39;
display:inline-block;
vertical-align:top;
text-align:center;
line-height:110px;
box-sizing: content-box;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.