如何在中心并排排列两个div？

Question

看：http://jsfiddle.net/Ak334/

我正在尝试将div div_vagas_disponiveis和div_percentual_vagas并排放置，并在div 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;
}