text-align is working only for text

Question

I'm sitting like 2 hours opposite of this, tried housands of ways with firebug and I lost my patience...

I got an table , inside of it I got text message, and text-align: center; is working great for it, the problem appear when I need to center my markItUp! textarea editor.

There is no way to force it to be centered, I've tried adding !important attribute, and still the same.

Have you guys know any way, to 'force' the div to be centered?

Answer 1

You need to give the div a width and set its left and right margins to auto.

Answer 2

Set margin-left: auto; margin-right: auto and give the div a width.

See here: http://jsfiddle.net/5wzeP/