“vertical-align: middle” does not align to the middle in Firefox

Question

I\'m trying to align some text of different sizes vertically, however, Firefox displays the smaller text way above the middle.

CSS:

div.categoryLinks {
          


        

Answer 1

I fixed this issues just removing:

 white-space: nowrap;

from parent div. I'm not sure why but with this rule added, Firefox doesn't apply the:

vertical-align: middle;