固定流体容器网格中最后一行元素的居中，使其在容器保持居中时保持对齐

Question

我无法在流体容器内对齐'ul'元素的最后一行。我让容器与页面正确对齐，但当它们没有完全填充时，它最终将最后一行元素居中。似乎无法找出解决方案。

我正在使用Twitter Bootstrap的核心容器流体为外部div。并将列表元素集中在一起：

ul {
    text-align: center;
    list-style:none;
}

ul li {
    display: inline-block;
}

我尝试过使用text-align：justify并将div与边距居中，但它似乎并没有随着页面的大小调整而移动。建议？

以下是正在发生的事情的两个屏幕截图：

JS小提琴示例：http://jsfiddle.net/Z9uqQ/

最后一行应与左边对齐，与1相同的垂直边缘。

Answer 1

如果我理解正确margin: 0 auto会这样做：

ul {
    width: 90%;
    margin: 0 auto;
}

演示： http://jsfiddle.net/elclanrs/GdAvm/