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-block elements AFAIK.
This Pen works in IE7 tested with ‘IE Tester’.
I would rename
.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
z-index then you need to set a
position property (e.g
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