使标签居中的方法

在我们平时中，文字居中的方法是text-align:center; 但是，有什么办法可以使标签元素居中呢？

这里我们要用到的有一下的样式：display、text-align；

以下我来举个例子：

<div id="footer">
<div id="first_footer">
<ul>
<li>aaaaa</li>
<li>bbbbb</li>
<li>ccccc</li>
<li>ddddd</li>
</ul>
</div>
<div id="second_footer">
<ul>
<li>eeeee</li>
<li>fffff</li>
<li>ggggg</li>
</ul>
</div>
</div>

以上的两个列表，要如何居中？

常用的，我们的display主要是两个属性：none和block，但是还有一个属性可以使我们的元素变为行内的块元素，就可以使得我们的text-align样式生效；

当我们使用以下的样式时，就可以使text-align生效啦：

#footer {
text-align: center;
}

#footer ul {
display: inline-block;
}

这样，就可以使得我们所需要的标签元素整体居中了！