feedasterce
New Member
So, I have attempted to create a horizontal list for use on a new website I am designing. I have attempted a number of the suggestions found online already such as setting 'float' to left and such - yet none of these have worked when it comes to fixing the problem.CSS:\[code\]ul#menuItems{ background:none; height:50px; width:100px; margin:0; padding:0;}ul#menuItems li{ display:inline; list-style:none; margin-left:auto; margin-right:auto; top:0px; height:50px;}ul#menuItems li a{ font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bolder; color:#FFF; height:50px; width:auto; display:block; text-align:center; line-height:50px;}\[/code\]HTML:\[code\]<ul id="menuItems"> <li> <a href="http://stackoverflow.com/questions/15710701/index.php">Home</a> </li> <li> <a href="http://stackoverflow.com/questions/15710701/index.php">DJ Profiles</a> </li></ul>\[/code\]Currently I am unsure of what is causing this issue, how would I go about and resolve it?