html - 将一个 div 与中心的 2 个 div 对齐

Question

目前我正在尝试让 2 个 div 居中对齐，但不太确定该怎么做。默认情况下，它们会转到左侧。

我有 margin-left:14 % 并且它会稍微居中对齐，但是当您调整窗口大小时它看起来很奇怪，因为它对齐到右侧。

尝试使用 with with with marign-left/right:auto，但没有结果。

html

<div id="panels">

<div id="panel-left">           
</div>

<div id="panel-right">  
</div>

CSS

#panels{
padding-top:15px;
margin-left: auto;
 margin-right: auto;
}

#panel-left{
width:32%;
min-width:209px;
overflow:hidden;
background-color:white;
float:left;
padding-left:25px;
height:473px;
}

#panel-right{
width:32%;
min-width:209px;
height:473px;
background-color:white;
float:left;
padding-left:25px;
}

Answer 1

试试这个:

CSS

#panels{
    padding-top:15px;
    text-align:center;
    display: block;
}

#panel-left{
    width:32%;
    min-width:209px;
    overflow:hidden;
    background-color:black;
    height:473px;
    display: inline-block;
}

#panel-right{
    width:32%;
    min-width:209px;
    height:473px;
    background-color:orange;
    display: inline-block;
}

DEMO HERE