Why does text-align center only work inline and not from a css stylesheet?

I started thinking I was crazy when my text-align center worked inline but not when I added it to the stylesheet, this was due to the order in which the CSS loaded. The center property was being over-written by a left property somewhere else so adding !important fixed it right up.

.center{text-align:center !important;}

Back to Blog