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

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