CSS Text oblewajacy zdjecie

<header id="top">
	<h1>Gunpowder</h1>
	<img src="Gunpowder_black.jpg" alt="gunpowder"/>
	<p>text.<em><dfn>Gunpowder</dfn></em>text<img src="pirates.jpg" alt="pirates"/></p>
</header>
<main>
	<p>text</p><img src="Chinese_rocket.png" alt="Chinese rocket"/>
        <p>text</p><img src="080407-revolutionary-war-02.jpg" alt="infantry"/>
	<p>Today, gunpowder is also used in fireworks.</p><img src="Fireworks.jpg" alt="Picture of fireworks"/>
</main>

Sprawa jest taka. Chce zrobic tak zeby tekst oblewal obrazki z prawej, i te byly pod soba. Problem w tym, ze jesli dam do img float left to obrazki staja kolo siebie. Jesli dodam styl do tylko jednego, to i tak bedzie sie przyklejal do poprzedniego obrazka. Probowalem z <br/> i nic nie dalo. Jestem nieco zagubiony.