CodePen

HTML

            
              <div class="wrapper">
  <img class="logo"src="http://lorempixel.com/output/abstract-q-c-150-150-1.jpg"</img>
  <nav>
    
  </nav>  
  
</div>
            
          
!

CSS

            
              .wrapper {
  width:960px;
  margin:0 auto;
  background:#d3d3d3;
  height:150px;
  border-top:1px solid #d3d3d3;
  position:relative;
}

img.logo {
  position:absolute;
  top:;
  left:25px;
}



nav {
  height:50px;
  margin-top:50px;
  background:darkgrey;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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