css - 如何将 div （其中两个居中的文本都在里面）浮动到列表之外？

Question

我想用 CSS 得到这样的东西。

在左边的方格中，文本应该居中（垂直和水平），并带有一些像“5”这样的文本。条纹包含一些带有换行符的文本？

更新

谢谢大家的回答，你的技术很好。

我不能使用固定高度。因为上下 div 的内容是动态的，左边的应该根据灰色框的宽度（大小取决于上下的内容）。图像中的框也像表格行，它是众多之一..

我知道好的做法告诉使用 div 而不是 table，但这值得吗？很久以前我会用 table 完成它.. 但是使用 div 看起来有点不自然，我快疯了。:(

Answer 1

试试这样的 DEMO 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

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