两个水平对齐，垂直居中的div

Question

我有一个让我发疯的问题。

我有一个包装器div，其中包含带有一些文本的div和一个图像。 图像和div的大小各不相同。 包装器div调整为较大的一个。

它们都应垂直对齐，如下所示：

我遇到过这篇文章：
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

正如你在这里的小提琴中看到的那样：
http://jsfiddle.net/nBXNg/4/
它没有按预期工作

如果有人可以帮助我，我会很高兴。

Answer 1

您所要做的就是将每个内容包装到.container div中。 Updated jsfiddle