Welcome to WebmasterWorld Guest from 54.163.168.15

Forum Moderators: not2easy

making things line up neatly

without using a table

   
5:52 am on Feb 5, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi,

I want to make a vertical list of words, each with a small arrow graphic to the right, kind of like this (but without the dots):

Pineapple.> 
Grape.....>
Banana....>

As you can see, I'd like all the arrow graphics to be in line with each other.

This whole thing sits in a div. I won't know the width because I won't know what words will go in the list because it'll be dynamically generated. That means I can't set the width of a span to line up the arrows.

I could just use a table to line up the arrows, but I don't want to because it's not tabluar data - so is there a CSS trick to do this?

6:23 am on Feb 5, 2004 (gmt 0)

10+ Year Member



If the arrows are imgs, float them to the right.

#favoritefruits img {float: right; }

adam

3:30 am on Feb 6, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Yes the arrows are images, and using float was a good idea, but unfortunately it made the div go to 100% wide with the arrows waaaaaaay over on the right. I feel like there must be a simple answer and I'll kick myself when I see it, but I just can't think of it.
5:21 am on Feb 6, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



<edited to remove post: missed the "unKnown-width" requirement.>
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month