居中一个 tag

Question

我在HTML中使用hr标签时遇到了一些问题，因为它不会像我预期的那样自动居中。这是我目前的代码：

<div id = "updatestatus" class = "statuscontainer">
    <div class = "verticalalign">Update Status</div>
</div>
<hr width = "95%">

<div id = "insertstatus" class = "statuscontainer">
    <form></form>
</div>

正如你所看到的，我将hr标签放在两个divs之间，我相信它应该自动居中，但它最终会向左移动。我也试过hr align = center也没有成功。

编辑：我刚刚意识到当我将整个hr标签放在<center></center>中时，它会居中，但我仍然在试图找出它为什么不以它自己为中心。

Answer 1

我在我的CSS上使用!important

<hr style"width:50%; margin-left:25% !important; margin-right:25% !important;" />

Answer 2

试试这个代码

<hr width="50%" margin-left:45px;">