Skip to content

Instantly share code, notes, and snippets.

@ianlintner-wf
Created January 17, 2014 19:00
Show Gist options
  • Save ianlintner-wf/8479354 to your computer and use it in GitHub Desktop.
Save ianlintner-wf/8479354 to your computer and use it in GitHub Desktop.
A Pen by Ian Lintner.
<div class="container">
<div class="navbar">
<div>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">Contact Us</a></li>
<li><a href="/">Login</a></li>
</ul>
</div>
</div>
</div>
.container {
width: 300px;
height: 300px;
background-color: #F5F5F5;
}
.navbar {
color: #F0F0F0;
overflow:hidden;
width: 100%;
}
.navbar > div {
position:relative;
left:50%;
float:left;
}
.navbar ul {
position:relative;
left:-50%;
float:left;
}
.navbar li {
float:left;
clear: both;
}
.navbar li + li {
margin-left:20px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment