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
Jack