html怎么让ul内容居中

在做网站时，有些列表会使用到ul标签，里面会有很多的LI标签，由于li标签的数量不是固定的，所有无法设置ul标签的宽度，这就造成一个问题，我们无法设置ul中的li居中。

怎么解决这个问题呢？如何让ul不设置宽度也可以让里面的li居中呢，制作如下图的效果呢？

其实方法很简单，只需要设置ul的元素为table就可以了。在CSS里加以下的样式代码即可。（如果你对代码一点不懂，可以学习一下HTML入门教程）

ul{

   display:table;

   text-align:center;

   margin:0 auto;

}