html - 居中 float div

Question

我有两个内容居中的 div，但我无法让 div 在其父容器中居中对齐。我试过了

#section_4{
    text-align: center;
    padding-bottom: 2em;
    padding-top: 6em;

    #left_half, #right_half{
        margin: 0 auto;
        display: inline-block;
        padding: none;

    }

但这只会将正确的推到右边，并在中间留下一个空隙。

http://jsfiddle.net/hL2g1p9t/

Answer 1

您需要删除 float 属性。使用 inline-block 和 margin: 0 auto 应该是您所需要的。

FIDDLE