Faire un trait sous une image

Bonjour.
j'ecris un blog sur wordpress.com, je commence le html, ma question concerne la mise en forme.
J'ai insere plusieurs image, a gauche et a droite du texte, j'ecris autour, ca marche pas mal, et je voudrais faire un nouveau chapitre.
Je trace un trait, mais celui-ci se trouve rogner par l'image.
Savez vous comment tracer un trait, de facon a ce que celui-ci arrive systematiquement sous l'image?
Voici mon code. j'essaie de faire un paragraphe, mais ca marche pas terrible :/

<div style="clear:both;">  
<a href="http://australiemevoici.files.wordpress.com/2013/01/2011-01-14-22-48-37.jpg"><img class="alignnone size-medium wp-image-32" title="Les ingrédients" alt="" src="http://australiemevoici.files.wordpress.com/2013/01/2011-01-14-22-48-37.jpg?w=300" width="300" height="200" align="left" /></a>  
bon, on essai test <br> Pour voir comment cq fqit  
<a href="http://australiemevoici.files.wordpress.com/2013/01/2011-01-14-22-48-45.jpg"><img class="alignnone size-medium wp-image-32" title="Les ingrédients" alt="" src="http://australiemevoici.files.wordpress.com/2013/01/2011-01-14-22-48-45.jpg?w=300" width="300" height="200" align="right" /> </a>  
</div>  
<hr />  

<hr />