like:
<body>
<div></div>
<div></div>
</body>
How can I make all the DIVs at the center of the webpage?
I mean in the browser.
views:
47answers:
4
+2
A:
HTML:
<div class="center"></div>
CSS:
div.center { margin: 0 auto; }
Of course, if you have other things outside of those divs, they might interfere.
kijin
2010-10-27 07:17:55
not working, please verify.
Bin Chen
2010-10-27 07:23:23
the divs need to have a specific width set for this to work, e.g. `div.center { margin: 0 auto; width: 800px }`
Graham Clark
2010-10-27 07:25:33
I conditionally accepts this answer, the Graham Clark has a more accurate complement comment.
Bin Chen
2010-10-27 07:35:43
@Graham Clark thanks for the clarification.
kijin
2010-10-27 17:05:51
+1
A:
Either create a CSS class or put in a style in your DIV element
margin:0px auto;
arame3333
2010-10-27 07:20:56
+1
A:
Depends on the exact page, but either text-align: center or margin: 0 auto will probably be what you need. See CSS Centering for general information about centering and CSS Selectors so you know how to target the proper elements.
Yevgeniy Brikman
2010-10-27 07:22:41
If you use text-align: center; ensure you then use text-align: left; on the content within the divs, otherwise everything will be centred.
Lazlow
2010-10-27 07:34:41