如何在中心並排對齊兩個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;
}