Fixing a "picture pyramid"

[ModernRevolutions]

Okay, I have no idea what this problem is called so I decided to improvise. Anywhere, here is my problem.

I am using the following code to make the text appear NEXT TO an image.

<img src="http://www.modernrevolutions.vivid-avenue.net/layout/themepreviews/modelbig.jpg" align="left">
<i>Theme Name:</i> Lights, camera, action.
<br><i>Featuring:</i> Model from Deviant Art.
<br><i>Credits:</i> <a href="http://www.sanctae.com/goodies/?page=brushes" target="blank">Brushes</a>, <a 

href="http://sobull.deviantart.com/" target="blank">Images</a>.
<br><i>A little more:</i> Because of screen resolution difference between the users I decided to make this neutral 

layout. I really like it so I decided to keep it up.

However I have 3 of those codes and with about a 10 breaks after the end then it looks like this.

Is there a way to properly fix my problem? Without using about 10 breaks(<br>)?

Here is the page.

[Nile]

Put each one of those codes, in either a <p> or <div>.

[bluewalrus]

Niles would do it haha posted before me