How to align two divs side by side in center?

Question

Look: http://jsfiddle.net/Ak334/

I'm trying to put the divs div_vagas_disponiveis and div_percentual_vagas side by side, and alining in center of the div fieldset . What am i missing?

Answer 1

try this:

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

here is working: http://jsfiddle.net/Ak334/3/

good luck!

EDIT:

now check this: http://jsfiddle.net/Ak334/9/

if found this hacks on google:

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

and I check it on chrome, IE7 and IE8

this is the link where I found it (in spanish):

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

Answer 2

try this :

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

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

Answer 3

Use following CSS

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