html - 对齐 CSS 表

Question

我正在尝试对齐这个 CSS 表，但它不起作用。我试过margin-left、align=center 等……但似乎都不起作用。

这是 JSFiddle：http: //jsfiddle.net/pFSja/

这是一些CSS：

.pricing_table_wdg {  
border:1px solid #c4cbcc;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
float:left;
margin-top: 25px;
}

Answer 1

添加text-align: center;.container 类并将 float:left 更改display: inline-block;为 .pricing_table_wdg 类

小提琴

.container
{
    text-align: center; /* <-- */
}
.pricing_table_wdg {  
    border:1px solid #c4cbcc;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    display: inline-block; /* <-- */
    margin-top: 25px;
}

Answer 2

这样你也可以做

添加display:table到.pricing_table_wdg课堂

并添加这个 CSS

.container
{
    text-align: center; /* <-- */
}