如何居中li标签列表

Question

我正在显示网站中的标签列表。这是现在显示的方式

I've created a JSFiddle, Please check.

现在标签左对齐，我需要将标签对齐到中心。尝试将text-align: center;添加到.tags类，但它不会使标记居中。

这是我的HTML＆amp; CSS代码

HTML

<div class="tags">
    <ul>
        <li><a href="">tag 0000000</a></li>
        <li><a href="">tag 1111111111111</a></li>
        ...
    </ul>
</div>​

CSS

.tags
{
    display:table;
}

.tags li
{
    float:left;
    list-style-type: none;
    text-decoration: none;
    margin: 10px 0 0 0;
}

.tags ul a
{
    text-decoration: none;
    padding: 4px;
    border: 1px solid #F2F0F0;
    margin: 2px;
}

我需要显示符合行数的标记，但行的内容必须对齐居中。

Answer 1

http://jsfiddle.net/hxbB9/18/ 另一种替代解决方案，不需要在.tags div

上设置宽度

.tags
{

}

.tags li
{ 
    display:inline-block;
    list-style-type: none;
    text-decoration: none;
    margin: 10px 0 0 0;
}

.tags ul a
{
    text-decoration: none;
    padding: 4px;
    border: 1px solid #F2F0F0;
    margin: 2px;
}

.tags ul
{
    text-align:center;    
}

Answer 2

我相信这就是你要找的东西：

.tags ul
{
    text-align: center;
    list-style-type: none;
}
.tags ul li {
    display: inline-block;
}
.tags ul a
{
    display: inline-block;
    text-decoration: none;
    padding: 4px;
    border: 1px solid #F2F0F0;
    margin: 2px;
}

Answer 3

http://jsfiddle.net/hxbB9/6/

这是你要找的吗？