将标题缩进绑定到段落

Question

有没有办法使用CSS解决这个问题，还是我必须通过添加换行符在每篇文章的基础上修复它？我有文章结构：

<div>
    <img style="float: left" src="image_src.jpg">
    <h3>Heading #1</h3>
    <p>Paragraph 1....</p>
    <h3>Heading #2</h3>
    <p>Paragraph 2....</p>
</div>

现在，问题是经常标题“捕获”图像，并且必须缩进而它的段落出现在它下面。这是一个例子：

有没有办法可以强制标题移动到图像下面，按照它的段落，或者每当我遇到这样的问题时我是否必须手动添加换行符？

Answer 1

当然，您可以使用CSS nth-of-type选择器清除除第一个h3元素之外的所有浮动。

h3:nth-of-type(n+2){
    clear:left;
}

<强> jsFiddle example