WrinoOrbink
New Member
I want to create a top header with the logo in the center and navigation options to it's left and right. Below is what I have so far but not sure how to take it form there. What can I do to accomplish this? \[code\]<div class="header"> <div class="nav"> <ul> <li>Option 1</li> <li>Option 2</li> <li>Option 3</li> <li>Option 4</li> <img class="logo_home" src="http://stackoverflow.com/questions/15855089/logo.png" height="100"> <li>Option 5</li> <li>Option 6</li> <li>Option 7</li> <li>Option 8</li> </ul> </div></div>\[/code\]CSS:\[code\]ul {list-style:none;}li {display:inline;}.header {background-color: #999;width: 100%;height: 80px;top: 0;left: 0;position:absolute;} .logo_home {display:block;margin-left:auto;margin-right:auto;}\[/code\]