div的垂直對齊在另一個 - 問題

Question

我原本有浮動的div，我想要這些浮動內的內容垂直對齊。

這給了我麻煩，所以我不得不刪除花車。

我來到這post中提到的fiddle。

並使用小提琴獲得所需的佈局。但我正面臨着垂直對齊div的麻煩。

我試過，

vertical-align:middle; 
display:table-cell; 

對於parent容器和

display: inline-block; 

爲child內容。

1）在此fiddle。我希望right在right-container內部垂直對齊。

換句話說。我希望two divs在main div內垂直對齊，並且兩個div中的每一個div內都需要垂直對齊。

2）我怎樣才能實現漂浮物內的垂直對齊？所以我可能不會更改我的原始佈局。在小提琴左邊和右邊說是floats。

需要一些指針。

編輯：

這可能與表簡單。但我正在尋找基於div的解決方案。

Answer 1

這是你想要的嗎？

補充：<div id="right" style="display:table-cell;vertical-align:middle;"> RIGHT </div>

的jsfiddle更新：http://jsfiddle.net/5vpA3/157/