html - 对齐文本中心未按预期工作

Question

我正在使用 Bootstrap 框架，我创建了一个列，其中我在两个元素上使用了 text-align:center; css 属性，但没有对齐，我不明白为什么。这是标记:

 <div class="row text-center">
    <div class="col-lg-4">
      <div class="thumbnail-header">
        <h1>Brand</h1>
      </div>
      <div class="thumbnail-content">
        <ul>
          <li>Identity</li>
          <li>Strategy Brand</li>
          <li>Identity Manual</li>
          <li>Guide Brand</li> 
        </ul>
      </div>

    </div>

'text-center' 类具有 text-align:center; css 属性。

这是一个有效的 fiddle :fiddle

有人能解释一下为什么这些元素没有正确对齐吗？

Answer 1

这是 <ul> 上的默认左填充

ul {
    padding-left: 0;
}

Updated fiddle