html - 居中对齐 CSS 按钮并添加圆 Angular

Question

我试过在 CSS 中使用 position:center 和 middle。在 HTML 代码中，我尝试了 align="center;middle" 但似乎没有任何效果。我需要按钮在页面的中心而不是左边对齐。我已经替换了几个代码，但仍然没有。 Angular 落也不会改变。

Fiddle

这是 HTML 代码:

<div id='cssmenu'>
  <ul>
  <li class='has-sub last' id="iefix">
    <a rel=nofollow href='#'><span>Choose a model</span></a>
    <ul>
      <li id="iefix"><a rel=nofollow href='#'><span>iPhone 3GS</span></a></li>
      <li id="iefix"><a rel=nofollow href='#'><span>iPhone 4</span></a></li>
      <li id="iefix"><a rel=nofollow href='#'><span>iPhone 4S</span></a></li>
      <li class='last'  id="iefix"><a rel=nofollow href='#'><span>iPhone 5</span></a></li>
    </ul>
  </li>
  </ul>
</div>

Answer 1

在第 29 行，您将按钮的 float 设置为 left。将其更改为 text-align:center;，按钮将居中

#cssmenu > ul > li {
  text-align:center;
}

然后，如果您定位 a，您应该能够更改边框半径。

#cssmenu > ul > li > a {
  border-radius:10px;
}

Fiddle