css 文字、盒子永远居中

写css样式时，经常会遇到文字或box盒子居中问题，当文字在一个盒子内，居中用text-align:center就可以了，

但是，把文字分别在不同盒子里呢？

我的办法是，html结构如下：

<ul>

    <li>1</li>

    <li>2</li>

</ul>

css样式可以这样：

ul{

    text-align:center;

}

ul li{

    display:inline-block;

    text-align:center;

}

    <li>1</li>