对齐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

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

<强> FIDDLE

.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; /* <-- */
}