<ul> 中 <li>元素的横排居中

以前为了让<li>中的元素横向并列展示，总是对li设置float:left。效果如下。

但是我想让标题居中显示是除了设置margin-left外没有别的办法。这还不能绝对剧中。
后面发现只需要简单的两部。
一，设置li的 display:inline;就可以让其横向展示。
二，设置上一层DIV的text-align:center;