html css 列表框,html – CSS水平列表项

所以，我试图创建一个水平列表，用于我正在设计的新网站。我已经尝试了一些在网上已经提出的建议，如设置“浮动”左边等等 – 但是没有一个在解决问题的工作。

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: #000;

height: 50px;

width: auto;

display: block;

text-align: center;

line-height: 50px;

}

• Home

• DJ Profiles

目前我不确定是什么导致这个问题，我将如何去解决它？