<div class="header cf">
    <h1>Title</h1>
    <div class="nav">
        <a>A Link</a>
        <a>Another Link</a>
        <a>A Third Link</a>
    </div>
</div>
.header{
  background:#ccc;
}

h1{
  float:left;
  margin:0;
}

.nav{
  float:right
}

.cf:before,
.cf:after{
  content:"";
  display:table;
}
 
.cf:after{
  clear:both;
}
 
.cf{
  zoom:1;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.