我目前正在为我的主要内容区域开发一个具有这种设计和布局的网站：http: //img528.imageshack.us/img528/9483/screenshot20120429at124.png
但是，我发现使用适当的语义编写 HTML 和 CSS 有点困难。
首先，我应该使用 div 来拆分左右列，还是 HTML5 部分标签与图片的旁边标签？
其次，定位每个部分或区域的最佳方式是什么？
最后，话虽如此，在每个内容区域的底部都有 2 个应该水平内联的按钮。考虑到网站用户稍后将放置在他们自己的文本中，并且随着更多文本被放置在其中，两个按钮都应该将自己推或定位得更远。
这个 jsfiddle 目前是使它工作的原因......但是，似乎错了？ http://jsfiddle.net/LGEKW/
如果这 2 个按钮在当前 div 中，我是使用绝对位置、相对位置还是浮动位置……我不知道。任何有关您将如何进行此操作的帮助将不胜感激。