The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Circle Navigation with vertically aligned text (IE7) Reply To: [Solved] Circle Navigation with vertically aligned text (IE7)


vertical-align only works on inline or inline-block elements AFAIK.

This Pen works in IE7 tested with ‘IE Tester’.

I would rename .circlecontainer to .circle and .circle to something like .circleContent Since the circle background is actually applied to the outer wrapper.

In reality you could remove the inner div and just position the a‘s also.

To use z-index then you need to set a position property (e.g position: relative;).

Maybe to make this more reusable to could use a display: table; hack inside the .circlecontainer div so that text of variable size and length would always be centred but I’ll let you figure that one out.

Hope this helps