<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.