Two Divs Wrapped within one Parent div

if you want two divs to be centered in a parent div

by Jordan Dayton

HTML

<div id="wrap">
    <div id="left">I am div 1</div>
    <div id="right">I am div 2</div>
</div>

CSS

#wrap {
    background: #e7e7e7;
    padding: 40px; 
    text-align: center;
    width: 100%;  
}

#left, #right {
     background: #ccc;
     display: inline-block;    
     padding: 50px;   
}