如何将li标记列表中的标记列表

Question

我在网站中显示标记列表。这是怎么回事，现在显示

I've created a JSFiddle, Please check.

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

这是我的HTML & 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/ 另一种选择是solutiont需要dosnt您.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

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

这是你在找什么？

Answer 3

设置的宽度，我相信这是你在找什么：

.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; 
}