quick question I’m struggling with, hopefully I’ve just got a brain-blockage and I’m missing something simple.
We’ve got a bunch of table headers, some of which have sort up/down arrows in them. We want the text to be left-aligned and the images to be right-aligned within the table header cell. I’ve got the 2 arrow images within a span container (but this can be a div) with nowrap applied to it to ensure they are always displayed side-by-side (this is also a requirement). The complexity is some of our table-header text needs to be split over 2 lines – this is currently done with a br in the text. When I use float:right to right align the images, they vertically align with the top of the multi-line text, rather than with the middle of the cell. What am I doing wrong (maybe it’s getting a little late) or do I need to completely rethink my strategy?
Thx MH
This pretty much seems like it can’t be done – we can get close, but each solution to get it all working together breaks something else. Thanks for the suggestions