CSS Tables，Divs，Spanning ......太多混乱了

Question

我发现有关此布局的大量冲突信息。一些消息来源说使用表，其他人使用div。

http://www.bootply.com/mDIcRVOq8J

基本上，两端有一个正方形，两个之间有两个堆叠的矩形。

我拥有我想要的大部分内容，但我无法弄清楚Bootply中提到的内部div定位。

我有什么：

我想要实现的目标：

解决方案： http://www.bootply.com/o3m5A8BKJK

Answer 1

如果我理解你需要什么，可以将vertical-align：top添加到doc-tile-content，从.row类中删除display：table-row，并将display：block添加到内部内容div。