Html 我的CSS赢了'；t显示：内联；我的纽扣

这是我的HTML：

<div class="container">
    <ul>
    <li><a href="http://www.kbb.com/scion/fr-s/2013/" class="button">YES</a></li>
    </ul>
</div>
<div class="2"> 
    <ul>
    <li><a href="http://tinyurl.com/nk4k25r" class="button">NO</a></li>
    </ul>
</div>


<div class="3">
    <ul>
    <li><a href="http://tinyurl.com/pnaj3j2"  class="button">YES</a></li>

</div>
<div class="4">
    <ul>
    <li><a href="http://tinyurl.com/qybshxz" class="button">NO</a></li>
    </ul>
</div>
</div>

---

我正在努力让我的按钮在页面中央对齐并内联，但每次我尝试使用

display:inline我的按钮变小并保持垂直。
。按钮具有
显示：块因此，您可以通过
边距对中：0自动
和
float
属性没有
中心
值


。按钮{
显示：块；
高度：100px；
宽度：200px；
背景#ffff00；
边框：2px实心#00E5EE；
颜色：#551A8B；
文本对齐：居中；
字体：粗体3.2em/100px冲击；
背景：-webkit线性梯度（顶部，#ffff00，#2f5f63）；
背景：-莫兹线性梯度（顶部，#ffff00，#2f5f63）；
背景：-o-线性梯度（顶部，#ffff00，#2f5f63）；
背景：-ms线性梯度（顶部，#ffff00，#2f5f63）；
背景：线性梯度（顶部，#ffff00，#2f5f63）；
-khtml边界半径：50px；
-moz边界半径：50px；
边界半径：90px；
利润率：0px自动15px；
}
李迪夫{
显示：块；
}
身体{
文本对齐：居中；
}
div{
显示：内联块；
}
















将css更改为

.button {
  display: block;
  height: 100px;
  width: 200px;
  background: #ffff00;
  border: 2px solid #00E5EE;
  color: #551A8B;
  text-align: center;
  font: bold 3.2em/100px Impact;
  background: -webkit-linear-gradient(top, #ffff00, #2f5f63);
  background: -moz-linear-gradient(top, #ffff00, #2f5f63);
  background: -o-linear-gradient(top, #ffff00, #2f5f63);
  background: -ms-linear-gradient(top, #ffff00, #2f5f63);
  background: linear-gradient(top, #ffff00, #2f5f63);
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 90px;
  margin: 0px 0px 15px 15px;
}

li {
  list-style: none;
}

div {
  display: inline-block;
}

和HTMl作为

<div class="container">
  <div>
    <ul>
      <li><a href="http://www.kbb.com/scion/fr-s/2013/" class="button">YES</a></li>
    </ul>
  </div>
  <div class="2">
    <ul>
      <li><a href="http://tinyurl.com/nk4k25r" class="button">NO</a></li>
    </ul>
  </div>


  <div class="3">
    <ul>
      <li><a href="http://tinyurl.com/pnaj3j2" class="button">YES</a></li>
    </ul>

  </div>
  <div class="4">
    <ul>
      <li><a href="http://tinyurl.com/qybshxz" class="button">NO</a></li>
    </ul>
  </div>
</div>














您必须关闭
。按钮
类，可能您需要的是
显示：内联块div
元素。它们是需要设置为
内联块
@alirezasafian的元素，按钮在其中rows@alirezasafian成功了！谢谢你的帮助。
<div class="container">
  <div>
    <ul>
      <li><a href="http://www.kbb.com/scion/fr-s/2013/" class="button">YES</a></li>
    </ul>
  </div>
  <div class="2">
    <ul>
      <li><a href="http://tinyurl.com/nk4k25r" class="button">NO</a></li>
    </ul>
  </div>


  <div class="3">
    <ul>
      <li><a href="http://tinyurl.com/pnaj3j2" class="button">YES</a></li>
    </ul>

  </div>
  <div class="4">
    <ul>
      <li><a href="http://tinyurl.com/qybshxz" class="button">NO</a></li>
    </ul>
  </div>
</div>