Question

I’m creating a header that holds an image (logo) and a navigation.

The UL for the navigation is floated right within the header div. This places it at the top of the div but I’d like to align it to the bottom.

What is the best way to do this?

Have tried vertical align, which seems to do nothing and have tried position property too (bottom:0) but does not work.

I’m sure this is a common problem.. any ideas?

Answer 1

With CSS:

.header {position:relative}
.header ul {position:absolute;right:0;bottom:0}