Having problems lining up html images and text?

Question

What I'm trying to do is create image links to use as buttons, with text to the right of them. My code works fine except for one problem: the images themselves are aligning to the right of the one above them.

To better explain the situation I threw together a little image showing what happens: http://www.deeje.net/stuff/code-prob.jpg

And here's my code:

<p><a href="http://www.blah.com/blah"><img src="http://www.blah.com/blah.png" align="left" width="120" height="120"/></a>Button text.</p>

As you can see, the buttons are 120x120 pixels. Thanks for any advice!

Answer 1

Great examples and code at:

http://www.htmlgoodies.com/

Answer 2

add     &lt;BR CLEAR=ALL&gt; to the end of the line

&lt;p&gt;&lt;a href=&quot;http://www.blah.com/blah&quot;&gt;&lt;img src=&quot;http://www.blah.com/blah.png&quot; align=&quot;left&quot; width=&quot;120&quot; height=&quot;120&quot;/&gt;&lt;/a&gt;Button text.&lt;/p&gt;&lt;BR CLEAR=ALL&gt;

for a space under each button add &lt;p&gt;&lt;/p&gt; also to the end of the line after the &lt;BR CLEAR=ALL&gt;