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;
    }

<ul id="menuItems">
  <li>
    <a href="index.php">Home</a>
  </li>
  <li>
    <a href="index.php">DJ Profiles</a>
  </li>
</ul>

ul > li {
    display: inline-block;
    /* You can also add some margins here to make it look prettier */
}

<ul>
    <li> <a href="#">some item</a>

    </li>
    <li> <a href="#">another item</a>

    </li>
</ul>

Css相关问答推荐

自定义kendo色彩 Select 器中的清晰按钮

如何在点击时停止动画并将其返回到第一帧？

仅 Select 嵌套 div 的底部，而不知道它们的嵌套程度

Puppeteer - 无法在wine 店网站中拉出正确的 CSS Select 器

在活动状态下更改按钮的外观

图像 3D 悬停效果

无法更改 div 内链接的悬停 colored颜色

当计算的宽度不准确时，如何在 cypress 中测试元素的宽度？

如何倾斜元素但保持文本正常(未倾斜)

重置子元素的不透明度 - Maple Browser (Samsung TV App)

在固定高度的输入字段中垂直对齐文本而不显示：表格或填充？

Div Size 自动调整内容大小

如何将页脚保持在屏幕底部

如何隐藏 Chrome 中 HTML5

元素上默认显示的箭头？

让 div 扩展全高

从样式设置为 % 的元素获取宽度(以像素为单位)？

如何仅在一侧设置 CSS 边框？

在 CSS 中结合border-top、border-right、border-left、border-bottom

对象拟合不影响图像

如何将文本与图标字体垂直对齐？