在prestashop主题中居中一个div

Question

似乎是一项简单的任务，我似乎无法使其发挥作用。 如果你看看页脚附近的http://www.ftina-pc.gr/demo/，我需要将旋转木马标题放在中心位置。 我添加了

#productTabs {    display: inline-block;}
.tab_wrapper {    text-align: center;}

这确实居中，但后来我的宽度有问题

我试图让它看起来像

有人可以帮助我吗？

Answer 1

尝试添加

#productTabs > li {
    float: none;
    display: inline-block;
}

Answer 2

将这些样式添加到#productTabs div中的li元素（它是bootstrap的解决方案）：

float: none;
display: inline-block;

您也可以尝试将其抓到另一个div并添加：

position: absolute;
left: 50%;
transform: translateX(-50%);

另一种但不精确的方法是通过添加左边将你的第一个li元素向右推~40％：X％;样式。