irishlad8877
New Member
I'm currently attempting to align my nav bar to the right, but it's stubbornly sticking to the left and I don't know what to do. I feel like I've tried everything - text-align, float, etc. I also have HTML5 CSS reset included, if that makes a difference. Can someone look at my code and let me know if there may be some reason that these nav items won't move to the other side? I'm really frustrated. Thanks.HTML:\[code\]<ul> <li><a href="http://stackoverflow.com/questions/14553995/index.html">Home</a></li> <li><a href="http://stackoverflow.com/questions/14553995/company.html">Company</a></li> <li><a href="http://stackoverflow.com/questions/14553995/team.html">Management Team</a></li> <li><a href="http://stackoverflow.com/questions/14553995/contact.html">Contact</a></li></ul>\[/code\]CSS:\[code\] body {font: normal 300 .8em 'Open Sans', sans-serif; overflow-x: hidden;} ul {text-align: right; width: 100%; background-color: #999; height: 20px; padding- left: 150px;} li {float: left;} ul a {color: white; padding: 0 10px; text-decoration: none;} ul a:hover {color: #333;}\[/code\]NOTE: This is the hacky way that I just fixed it\[code\]ul {text-align: right; width: 100%; background-color: #999; height: 20px; **padding-left: 750px;**}\[/code\]however, I'm not sure that that is a very good way to do so...