html - 居中标题开始的左对齐列表项

Question

我有 4 个居中的标题，我希望能够在每个标题下列出元素。我希望这些首先居中以从居中标题开始的位置开始，然后左对齐。

我真的不能发布所有代码来显示它在我的应用程序中的显示方式，但我会发布代码片段和图片:

<div class="row-fluid">
  <div class="span3 text-center">
    <h5>Header 1</h5>
    <ul class="unstyled">
      <li>Aaaaaaaaaaa</li>
      <li>bbb</li>
    </ul>
  </div>
  <div class="span3 text-center">
    <h5>Header 2</h5>
    <ul class="unstyled">
      <li>1111</li>
      <li>11</li>
      <li>111111111111111</li>
    </ul>
  </div>
  <div class="span3 text-center">
    <h5>Header 3</h5>
    <ul class="unstyled">
    </ul>
  </div>
  <div class="span3 text-center">
    <h5>Header 4</h5>
    <ul class="unstyled">
    </ul>
  </div>
</div>

我希望我的列表项从红线开始的地方开始:

Answer 1

如果你只想将列表的内容移到左边，你可以像这样调整填充:

ul {
   padding-left: 18px;
}

或者如果你也想去掉子弹，让它看起来像你发布的图片

ul {
  list-style: none;
  padding-left: 0;
}

应该可以。