Привязка заголовка к абзацу

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