Html 如何正确对齐分页？

我想对齐分页，使其位于页面的中心。然而，即使我把它们放在同一个分区中，它的某些部分也不会对齐。任何帮助都将不胜感激。多谢各位

<div class="center">  
<ul class="pagination">

<a>Page: </a> <?php echo $pages; if($_GET['category'] != ''){?>
<a href="<?php echo $currentURL;?>View/All" 
<?php if($action == "ViewAll"){echo 'style="font-weight:bold;color:#000;text-decoration:none;"';}?>>
View All</a><?php }?>
</ul>
</div>    
</div>

<style>

ul.pagination {
display: inline-block;
padding: 0;
margin: 0;
padding-top: 300px;
}

 ul.pagination {
}


ul.pagination p{display: inline;}

ul.pagination a {
color: black;
float: left;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s;
border: 1px solid #ddd;
}

ul.pagination p a.active {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
}

ul.pagination p a:hover:not(.active) {background-color: #ddd;}



</style>

分页{
显示：内联块；
填充：0；
保证金：0；
填充顶部：300px；
}
分页{
}
ul.pagination p{display:inline；}
页码a{
颜色：黑色；
浮动：左；
填充：8px 16px；
文字装饰：无；
过渡：背景色。3s；
边框：1px实心#ddd；
}
ul.分页p a.激活{
背景色：#4CAF50；
颜色：白色；
边框：1px实心#4CAF50；
}
ul.pagination pa:hover:not（.active）{背景色：#ddd；}

默认情况下，您的div将与页面（或包含它的任何元素）一样宽。让我们假设它将比分页更宽。为了使它居中

---

为“ul”指定一个特定的宽度，并为其设置“边距：0自动”。只要您不在容器（div）中浮动任何内容，它就会将自身置于容器（div）的中心。

默认情况下，您的div将与页面（或包含它的任何元素）一样宽。让我们假设它将比分页更宽。为了使它居中

---

为“ul”指定一个特定的宽度，并为其设置“边距：0自动”。只要您不在容器（div）中浮动任何内容，它就会以容器（div）为中心。

如果您用一些html内容替换php代码，它可能会很有用，到目前为止，我在布局中看到的只有“页面”和“视图/所有”矩形。你想让它居中吗？你的

li

标签在哪里

a

不能是

ul

的直接子代：如果用一些html内容替换php代码，可能会很有用，到目前为止，我在布局中看到的唯一内容是“页面：”和“视图/所有”矩形。你想让它居中吗？你的

li

标签在哪里

a

不能是

ul

的直接子级：