homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

making things line up neatly
without using a table
Purple Martin

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


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):


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)

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

#favoritefruits img {float: right; }


Purple Martin

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

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)

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

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved