I have an aspx Login control and I would like to center it on the screen.
How can i accomplish this? I've tried applying text-align: center on it.
+1
A:
in CSS:
<div style="width: 200px; margin-left: auto; margin-right:auto;">
<!-- contents will be contained in a box that is centered by its parent's box. -->
</div>
Randolpho
2010-03-01 19:25:13
the container div should contain a fixed with, and the margin should be 0 for top and bottom and auto for left and right, which logically should work, but still no luck as Login control gets rendered as a Table.
LB
2010-03-01 19:27:06
+2
A:
#containing_element { //Or body
text-align: center; // For IE
}
#element_to_center {
display: block;
margin: 0 auto; // For everything else
text-align: left; // Assuming you don't want everything else centered.
}
Sean Vieira
2010-03-01 19:40:31
+1, although if you use IE-style, you have to use `text-align: left` on your contained/centered element otherwise the centered text alignment will be inherited.
Randolpho
2010-03-01 23:08:50