I used this CSS to make my ULs look fancy
ul, li { padding: 0px; margin-left: 0px; margin-bottom: 0px; display: inline; } li { border: solid 1px #333333; margin-right: 5px; padding: 2px; background-color: #222222; color: #999999; }
I’d like to have a final, empty list item that has the same graphical style fill up the remaining space on the inline. Something like
[item A] [item B] [item C] [——big empty one———-]
Is is possible to figure out how much space you have left? Could you set one of the list items to have width 100% or something?
Thanks,
You could use a background colour/image on the UL, and make the UL and LIs the same height to give this effect