Dave Rado wrote:
>
> I need to create a
> div 607px wide that is horizontally centred on the page, which I've
> managed to do successfully. Within this div I need to place three
> icons, one at the left edge of the div, one at the right edge of the
> div, and one centred within the div. I've also managed to do this
> successfully, and I' posted a mock-up (which is at http://tinyurl.com/35tv29)
> showing my code which did this. However, the three icons are top-
> aligned within the div and top-aligned relative to each other, whereas
> I need them to be bottom-aligned
They really only appear to be top aligned because the line heights are
stretched as needed to fit the inline image. Baseline is the default
alignment for images. If the line heights were equal, the baseline would
be the same for all and they'd be aligned as you want.
Except maybe in IE. It doesn't do well with changing line-height of
replaced elements.
--
Berg