media box

by Annett

HTML

<div id="header">

    <div id="header-left-container">
      pooo
    </div>
    <div id="header-right-container">
      bla bla bla.....
    </div>

  </div>

CSS

#header{border:3px solid gray;padding:10px;overflow:hidden}
#header div{border:1px solid gray;background:blue;color:#fff;padding:2em 5%}
#header-left-container{float:left;width:20%;}
#header-right-container{float:right;width:59%;}