CodePen

HTML

            
              <header>
  <div class="head-wrap">
    <div class="logo"></div>
    <div class="menu"></div>
  </div>
</header>
            
          
!
via HTML Inspector

CSS

            
              header {
  height: 98px;
  background:red;
}

.head-wrap {
  margin:0 auto;
  width: 823px; /* 160 +650 +13 */
}


.logo {
  float: left;
  height: 79px;
  width: 160px; 
  background:green;
  margin-top: 6px;
}

.menu {  
  float: left;
  width: 650px;
  height: 90px;
  margin-left: 13px; 
  background:blue;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................