Here's the situation:
I have an image that is 320 pixels wide. It is in its own row with one 12-span column. The row is display:none until 509 pixels when it is display:block: I want it to center in the div, so I used text-align:center but it doesn't center. I use Firebug which lets me easily see all the other css that affects the tag. As far as I can tell, there isn't anything else that should stop it from centering. Any ideas?

I would check your max-width settings in the RLM. Make sure your image max widths are set to none.

If you are using RLM then you would need to go into your 509 breakpoint and set the margin right and left to Auto.

Also you need to make sure the image is set to display block as only block level elements are effected by auto margin, and images are defaulted to inline-block.

I implemented everything and it still didn't work. The image was an image link. After much searching the css, I discovered a{text-align:left;}. I added an id that centered it and that took care of the problem.

Hi Brian,
Do you have a link we can view the page?

Hi Brian,

Glad to hear you have it working! The image link was not centering because there was a glitch with these elements and they weren't behaving like the rest of images. Now it is corrected and in the next update you will be able to center image links using the "margin:auto auto/display:block" combination without problems. Sorry for the troubles!