Question

Im trying to vertically align my links to the middle in a list

please see jsfiddle http://jsfiddle.net/TwFxN/

I cant use table-cell display or line-height as it needs to work in IE6 and line-height wont work as some options span 2 lines with a

Any Ideas?

Many thanks

Dave

Answer 1

Unfortunately I don’t have IE6 access right now but try this:

#nav > li.rhombus {
    line-height: 5.0em;
}

#nav > li.rhombus a {
    line-height: 1;
}

This sets the <li /> line height to match the height. Then reset the <a />‘s line height.

Example: http://jsfiddle.net/lnrb0b/TwFxN/2/