如何以李为中心

Question

我有侧边栏代码： http://jsfiddle.net/48Wse/

我的li目前显示为tables。现在，我想将内容集中在li内，以便左右填充始终相同。 Text-align: center完成了大部分工作，但这不正确。

想象我想要的东西：

Answer 1

你的.data有text-align：left ..应该是中心。

text-align: center;

http://jsfiddle.net/48Wse/2/

Answer 2

由于您的时钟似乎没有流畅的宽度，您可以使用：

li {
    display: block; /* not necessary, just remove table */
    ...

    .data {
        display: block; /* not necessary, just remove inline-block/table-cell */
        margin: 0 auto;
        width: 200px;
        ...
    }
}

这将使您的时钟居中，并保持标签左对齐：

<强> Updated Fiddle

Answer 3

放

li * {
    text-align:center;
}

在你的CSS中。

DEMO

Answer 4

在li

上设置text-align:center;

在.data div上设置display:inline-block;

在.title

上设置text-align:left

<强> UPDATED FIDDLE

PS：无需在数据分区上设置宽度