Cross-Browser Text-Align

Sometimes, firefox doesn’t work the way I expect it. That doesn’t mean it is broken, it is just different. Usually its a “better” kind of different, and sometimes not. This is a case of somewhat not.

Using Cascading Style Sheets to define the way a page looks is not only awesome, but simply required. I am continuing to understand that learning the nuances of CSS and of Javascript is what really makes a webpage come together.

Using the text-align property is a ho-hum part of everyday CSS scripting, but today I encountered a speed bump when the property failed to align images correctly. There is a logic behind it – since the property is, after all, text-align. So in order to get images as well as text aligned in a centered fashion,

.divClass img {
position: relative;
text-align: left;
margin: auto;
}