Click here to Skip to main content
15,891,423 members
Search within:


How To set Div content in Middle Position?
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
CSS
HTML
hi all
How To set Div content in Middle Position?
Posted
Add a Solution
Comments
Zoltán Zörgő 27-Sep-12 7:48am    
Middle is a synonym of "vertically centered" when used with images. But it does not work like that whit divs. You want vertically centering, horizontally centering or both?

2 solutions

It depends what you mean. If you want to center the content of a div, the css rule is:

CSS
text-align:center;


http://www.w3schools.com/cssref/pr_text_text-align.asp[^]

if you want the div to center itself I think the rule is:

CSS
margin-left:auto;
margin-right:auto;


http://bluerobot.com/web/css/center1.html[^]
 
Share this answer
 
Posted
Try this

<div align="center" width="100%"> Content will be displayed in center</div>
 
Share this answer
 
Posted
Updated 27-Sep-12 1:41am
v2
Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month
Related Questions
Positioned fixed header and the middle part content issue
how to set horizontal bar Scroll Position in Div
How Can I Set To Css That My Text In Div Be In Middle?
Div control scroll position is not set properly.
how to set horizontal bar Scroll Position in Div
how can i position the Div in the middle for all pages
how to set Scroll Position in Div
how to set div scrollbar position
set the div position using jquery
Div positioning problem

Advertise
Privacy
Cookies
Terms of Use
Last Updated 27 Sep 2012
Layout: fixed | fluid
Copyright © CodeProject, 1999-2024
All Rights Reserved.

Web02 2.8:2024-04-02:1

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900