How do i center text inside the box vertically?

[cyberjo50]

Im came across with a problem in safari that my text won’t
center vertically inside the box.

here is my code: http://jsfiddle.net/cyberjo50/B62XX/

If you view the link, those text inside the box are always on the top .
I tried it in chrome,IE firefox and they all centered vertically. Is there a hack or
fix for Safari?

Thank you

[Paulie_D]

Your CSS is rather unnecessarily repetitive but you could use display;table-cell and vertical-align:middle

[cyberjo50]

thanks Paulie. It did fix the centering but the items are not flexible anymore. it became left aligned and theres white space on the right. (safari)

jsFiddle libk
http://jsfiddle.net/cyberjo50/B62XX/1/

[Author]

Posts