[FIXED] Why is my specific table cell class not changing its vertical alignment?

Issue

I've created a specific table cell class to change the vertical alignment of the text in the cell but for some reason I'm getting an error message in my element inspector in my browser and the CSS is the same as the less specific version.

I've attached a screenshot of what is going on. Any ideas of what the error message means and/or how to fix this. I've tried adding !important but that didn't work.

Click the image to enlarge it.

Solution

Try using vertical-align: middle;

'center' is used for horizontal alignment.

Answered By - Simon

Answer Checked By - Pedro (PHPFixing Volunteer)