CSS：水平和垂直居中文本？ [复制]

我正在创建一个新网站，我需要了解一些信息（将通过示例显示）。

可以说我这样做了：

html;

<div id="center-in-bar">
   <ul>
       <li>content..</li>
       <li>content..</li>
       <li>content..</li>
       <li>content..</li>
</div>

and css:

#center-in-bar {
   list-style:none;
   display:inline-block;
   /*what to do to make all the li elements centered both horizontal and vertical? in the center-in-bar element*/
}

我该怎么做才能使所有 li 元素水平和垂直居中？在中间的栏元素中？

任何帮助，将不胜感激 ：））

试试这个 CSS 片段：

#center-in-bar ul {
    ...
    text-align:center; /* center horizontally */
    vertical-align:middle; /* center vertically */
    ...
}
#center-in-bar li {
    ...
    display:inline; /* you might want to use this instead of "inline-block" */
    ...
    text-align:center; /* center horizontally */
    vertical-align:middle; /* center vertically */
    ...
}