Html 对齐中心<；ul>；及<；李>；在rails 4应用程序中的一个div内，带引导3

有人（特别地）问过类似的问题，但我运气不好

我在让我的UL和LI在一个分区内居中时遇到问题

如您所见，UL（即“10个用户/5TB磁盘空间”）被向右拉，而不是居中：

观点：

  <div class="container"><br>
      <div class="pricing-table pricing-three-column row">
          <div class="plan col-sm-3 col-md-3">
            <div class="plan-name-bronze">
              <h2>Bronze</h2>
              <span>$8.99 / Month</span>
            </div>
            <ul>
              <li class="plan-feature">10 Users</li>
              <li class="plan-feature">5TB Disk Space</li>
              <li class="plan-feature"><a href="#" class="btn btn-primary btn-plan-select"><i class="icon-white icon-ok"></i> Select</a></li>
            </ul>
          </div>
          <div class="plan col-sm-3 col-md-3">
            <div class="plan-name-silver">
              <h2>Silver <span class="badge badge-warning">Popular</span></h2>
              <span><strike>$10.99</strike>   <font color="red">$9.99 - <span class="label label-warning">Sale</span></font></span>
            </div>
            <ul>
              <li class="plan-feature">50 Users</li>
              <li class="plan-feature">10TB Disk Space</li>
              <li class="plan-feature"><a href="#" class="btn btn-primary btn-plan-select"><i class="icon-white icon-ok"></i> Select</a></li>
            </ul>
          </div>
          <div class="plan col-sm-3 col-md-3">
            <div class="plan-name-gold">
              <h2>Gold</h2>
              <span>$15.99 / Month</span>
            </div>
            <ul>
              <li class="plan-feature">Unlimited Users</li>
              <li class="plan-feature">Unlimited Space</li>
              <li class="plan-feature"><a href="#" class="btn btn-primary btn-plan-select"><i class="icon-white icon-ok"></i> Select</a></li>
            </ul>
          </div>
      </div>
  </div>

---

而且它们没有居中，因为UL的默认样式是添加左填充

添加

填充：0并解决了问题。如果您不希望水平线延伸到整个宽度，可以平衡填充（例如
填充：0 1em；
）

它们没有居中，因为UL上的默认样式是添加左填充

添加
填充：0并解决了问题。如果您不希望水平线延伸到整个宽度，可以平衡填充（例如
填充：0 1em；
）

UL元素采用浏览器默认的填充。使用

.pricing-table ul {
    padding:0;
}

UL元素采用浏览器默认的填充。使用

.pricing-table ul {
    padding:0;
}

你能提供小提琴来工作吗？用户提供了小提琴。你能提供小提琴来工作吗？用户提供了小提琴。太好了！谢谢你的解答和解释。太好了！谢谢你的解答和解释。
.pricing-table ul {
    padding:0;
}