使用css将两个响应列居中

Question

如何将我的两个博客栏目集中在一起？

请在此处查看我的信息页：www.marianoshoes.com/demo/the-journal/

我尝试了一些CSS组合但我无法达到结果！

谢谢！

Answer 1

您需要使用text-align来居中。但要使其工作，您需要更改float：left to display：inline-block。它看起来像这样：

ul{
    text-align:center;
}
li{
    display:inline-block;
    //remove float:left
}

在li:nth-child(even)上，您还必须将transform: translate3d(468px, 0px, 0px);的第一个值更改为0，如下所示：transform: translate3d(0px, 0px, 0px);