I am trying to center align my navigation in the middle of the page. As the page is responsive I cant simply add a fixed margin etc. \[code\]<div class="row"> <ul class="nav"> <li><a href="http://stackoverflow.com/questions/15835766/index.php" title="Home">Home</a></li> <li><a href="http://stackoverflow.com/questions/15835766/contact-us.php" title="Contact Us">Contact Us</a></li> </ul></div>\[/code\]I have:\[code\].row { text-align: center; width: 100%;}.row ul.nav { float: none; margin: 0 auto; padding: 0; text-align: center;}.row ul.nav li { list-style:none; display: inline;}\[/code\](Some things are because of other css items). I have looked around and cant seem it to get to work 
Cheers
Cheers