Forum Moderators: not2easy

Message Too Old, No Replies

wrap inline list upwards?

         

heisters

9:05 pm on Feb 15, 2007 (gmt 0)

10+ Year Member



I have a tabbed menu that's marked up as an unordered list. Everything is {display: block; float: left;} so that the tabs lie next to one another and when they are too long for the ul (width 63em), the whole tab will wrap to the next line, rather than breaking in the middle of a tab.

The only problem, then, is that you end up with one lonely tab on the second row, and a bunch on the top row. It would look so much nicer if it was a pyramid-type thing where it wrapped "upwards". I saw a discussion on thelist that talked about this 3 years ago, but they didn't come to any solution. I tried {display: table-cell; vertical-align: bottom;} and variations on that, but couldn't get it to work. I figure there must be some new thoughts on this after 3 years.

Anyone have any ideas? I know it's a kind of weird request. Thanks!

SuzyUK

1:40 pm on Mar 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



*bump*

Yes it would look nicer but not sure it would be possible to do.. did you find a solution?