css - 在固定的 div 中居中两个宽度可变的 css 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/