I'm trying to create a list of links that has an image at the beginning and then the link kinda like the following... (the * is the picture)

* LINK HERE
* LINK HERE
* LINK HERE

...and so on.

Anyway. I also created a class called link that indents them. However, whenever I put more then one it only indents the first even when I use the SPAN tag. Any clue as to why?

The following is the code...

<span class="link"><img src="star.gif"><a href="somepage.html" target="iframe">Free Layouts</a><br><img src="star.gif"><a href="somepage.html" target="iframe">IFrame Layouts</a><br><img src="star.gif"><a href="somepage.html" target="iframe">Table Layouts</a><br><img src="star.gif"><a href="somepage.html" target="iframe">Frame Layouts</a></p>

It basically only does this... (the ---- 's are blank spaces)

----------* LINK HERE
* LINK HERE
* LINK HERE
* LINK HERE


........how annoying.

Indent is only supposed to apply to the first line of the element. Its intended use is for indenting text at the begining of paragraphs.

What you want is probably padding-left, or margin-left; though you could do it with text-indent by putting each line in its own span and indenting each of them