如何在中心并排对齐两个div？

Question

外观： http ： //jsfiddle.net/Ak334/

我试图把div的div_vagas_disponiveis和div_percentual_vagas并排，并在div的中心alining fieldset 。 我想念什么？

Answer 1

尝试这个：

#div_vagas_disponiveis {
   display: inline-block;
}
#div_percentual_vagas {
   display: inline-block;
}

在这里工作： http : //jsfiddle.net/Ak334/3/

祝好运！

编辑：

现在检查此： http : //jsfiddle.net/Ak334/9/

如果在Google上发现此黑客：

display: inline-block; /* FF2*/
vertical-align: top; /* BASELINE CORRECCIÓN*/
zoom: 1; /* IE7 (hasLayout)*/
*display: inline; /* IE */
_height: 20px; /* IE6 */

我在chrome，IE7和IE8上进行了检查

这是我找到它的链接（西班牙语）：

http://ferticidio.com/display-inline-block-para-ie-y-los-demas-navegadores

Answer 2

尝试这个 ：

http://jsfiddle.net/Ak334/2/

  <div style="width:270px;margin:0px auto;">

Answer 3

使用以下CSS

#fieldset div   // you should think about changing id "fieldset is a HTML tag"
{
   display:inline-block;
}