如何将div（包含两个居中文本）浮动到列表旁边？

Question

我想用CSS获得类似的东西。

在左边的squere文本中应该居中（垂直和水平），并带有一些文本，如'5'。 条纹包含一些带换行符的文本？

更新

感谢大家的回答，你们有很高的技巧。

我不能使用固定高度。 因为上部和下部div的内容是动态的，而左侧的内容应该根据灰盒的宽度而增长（其大小取决于上部和下部的内容）。 图像中的方框也就像表格行，它是众多的一个......

我知道好的做法告诉使用div而不是表格，但是值得吗？ 我很久以前会用桌子做的..但是对于div来说它看起来像是不自然的东西而且我会发疯。 ：（

Answer 1

尝试类似这样的演示http://jsfiddle.net/enve/PCNQd/3/

它与所有浏览器兼容（已测试：IE6 +，Chrome，Mozilla，Opera）。

Answer 2

这是如何完成的一个非常基本的例子。当然，你必须做你问题的其他部分，但它给你一个基础：）

http://jsfiddle.net/qp26m/

Answer 3

请看这里：http://result.dabblet.com/gist/3360364/5e1586c78583dc31a495455e62327262c5ff2091

请注意，垂直对齐也是居中的。