中心两个css div，在div中具有可变宽度，固定为

Question

我现在正在尝试几个小时，没有任何帮助。 很简单： 我有两个具有可变（动态）宽度的div。 两者都应该在包装div中并排，它具有固定的宽度。 我尝试的一切：我看到leftDiv和rightDiv浮动到左边或居中，但div2在div1下面....非常感谢。

<div class='wrapper'>
   <div class='innerWrapper'>
      <div class='leftDiv'>
      </div>
      <div class='rightDiv'>
      </div>
   </div>
</div>

什么是正确的CSS？问题是，它不能自动为innerWrapper提供两个div的宽度（leftDiv和rightDiv ......）......

我试过了：

.wrapper {
    width: 600px;
    text-align: center;
}

.innerWrapper {
    width: auto;
}

.leftDiv {
    display: inline-block;
}

.rightDiv {
    display: inline-block;
}

Answer 1

在这些div上使用display: inline-block; ..

http://jsfiddle.net/RK6R4/