让我说我有这样的标记：
<div id="content">
<h2>Post 1</h2>
<img src="dummy.jpg">
<iframe src="youtube.com/foobar"></iframe>
<p>Sample text.</p>
<p>Second paragraph.</p>
<h2>Post 2</h2>
<img src="dummy2.jpg">
<iframe src="youtube.com/foobar2"></iframe>
<p>Sample text2.</p>
<p>Second paragraph2.</p>
</div>
我如何设置这个样式，以便所有图像和iframe都在一个＆＃34;左列＆＃34;在图像下使用iframe，而段落在右侧列上？
浮动：左;对于img和iframe显然不起作用，因为iframe会向左移动到img。
感谢任何输入，到目前为止，我已经阅读了太多关于内联元素，填充和浮动的内容，以使它们一起工作。
由于我想将其实现为一个简单的网站（用户不能使用很多html标记），它应该可以在没有div容器的情况下工作..（如果我需要它们，我也会怀疑这个内容/设计CSS总是承诺的分离，但却难以实现;））
如果我使用浮动，我知道我应该用h2标题清除它，以便为每个帖子获取一个新块。
#content h2 {
clear:both;
}