June 10th, 2003, 02:40 AM
CSS Vertical Alignment
I have this code on a page...
<img src="images/image.gif" width="84" height="24" border="0" />
<span class="level1"> <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Research</a>
| <a href="#">Industry</a> | <a href="#">Media</a> | <a href="#">Education</a>
| <a href="#">Enquiries</a></span>
Through CSS, the div has been given a height of 24. The span has had it's font size set to xx-small. Both the IMG and SPAN object are set to float left.
My problem is that I want the contents of SPAN to sit along the bottom edge of the DIV instead of along the top. I've tried vertical-align baseline for the DIV and SPAN but it had no effect.
Any ideas what the correct way to do this is?
Ooh, they have the Internet on computers now!
June 10th, 2003, 07:46 PM
June 10th, 2003, 08:25 PM
Thanks for the link Adios. It gave me some new ideas but none successfully produced what I needed.
I've decided that's it's possible to DIV the page up differently to produce the effect I want rather than trying to vertically align an element.