Pic in nav

HTML

<header>
  <a href="#">Link</a>
  <a href="#">Link</a>
  <a href="#">Link</a>
  <a href="#">Link</a>
  
  <div class="links-right">
    <a href="#">Link</a>
    <a href="#">Link</a>
    <a href="#">Link</a>
    <a href="#">Link</a>
  </div>
</header>

<div class="img-container">
  <img src="//placehold.it/40x60" alt="">
</div>

<div class="content">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel quam quis arcu imperdiet malesuada id quis nulla. In lobortis a lacus at ultricies. Praesent et felis mattis, semper libero vel, maximus arcu. Sed pharetra tempus aliquam. In tincidunt efficitur molestie. Phasellus tempor volutpat tortor a sodales. Curabitur placerat risus eu tincidunt mollis. Integer sodales magna quis eros placerat, sed volutpat massa efficitur. Aliquam aliquam nisi at nibh scelerisque aliquet. Nunc ex urna, posuere non pulvinar sed, mollis ut massa. Vivamus feugiat porta facilisis. Duis erat orci, interdum lacinia massa at, pretium sodales purus.
  </p>
</div>

CSS

header {
    width: 100%;
    height: 40px;
    line-height:40px;
    background: #eee;
}

header .links-right {
    float: right;
}

.img-container {
    width: 40px;
    margin: 0 auto;
    height: 0;
}
.img-container img {
    margin-top: -50px;
    position: absolute;
}