以浮动的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