Html 对齐CSS表

我正在尝试对齐此CSS表，但它不起作用。我试过左边距，对齐=居中，等等。。。但这一切似乎都不起作用

以下是JSFIDLE：

以下是一些CSS：

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

---

添加

文本对齐：居中并将float:left更改为
display:inline块


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

.container
{
文本对齐：居中；/*也可以这样做

将
display:table
添加到
.pricing\u table\u wdg
类

然后添加这个css

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

.container
{
文本对齐：居中；/*什么不起作用？请详细说明您想做什么。您到底想要什么？