Css 如何水平对齐<；ul>；分页标签？

我有Joomla 3.4.5+Virtuemart 3+模板纯度III。
“页面导航”链接有问题。您可以在这里看到问题：
http://alturl.com/ofbav [链接断开]

问题在于列表是垂直显示的，而不是水平显示的

我想知道我必须添加哪些css代码才能使我的分页按钮具有水平和“正常”外观

---

请一些专家帮我一下好吗？

你应该把

列表样式：无在“ul”上以去除项目符号，并
显示：内联或
显示：内联块以将其显示在一行中

.vm-pagination ul li
{
   list-style: none;
}

.vm-pagination ul li
{
   display: inline;
}

然后你可以使用镶边+填充+边框，使它们看起来更像制表符。
不确定。像这样试试

.vm-pagination > ul > li
{
   display:inline-block;
   padding:0px 10px;
}

编辑：

根据下面的评论，如果你想要一个代码可以解决这两个问题，然后像下面那样使用它。在上面的代码中，我试图仅应用于直接子列表项。在您的底部页面的情况下，它不是直接的孩子。所以像下面这样更改代码

.vm-pagination ul > li
{
   display:inline-block;
   padding:0px 10px;
}

只需添加
文本对齐：左到您的分页
ul
。您还可以使用
列表样式：无禁用列表样式设置。作为最后一步，您可以删除
ul
元素不必要的填充和边距

.vm分页>ul{
文本对齐：无；
列表样式：无；
填充：0；

}
在您的风格中使用可能会对您有所帮助

ul
{
list-style:none;
margin:0px 0px;
padding:0px 0px;
}
ul li
{
float:left;
padding:4px 4px;
}

非常感谢你。现在我对底部的分页按钮也有同样的问题。我原以为这两件事都能解决，但一点也不能。请你看一下这一页的底部好吗？