html - 绑定标题缩进到段落

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

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

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

jsFiddle 示例