How to make a div center align in HTML [duplicate]

Web Technologies Web Development 3 years ago

9.18K 1 0 0 0

_x000D_ _x000D_ Possible Duplicate: How to horizontally center a div? One simple way to make an object centered in HTML is using align='center', but it's not working for a div. I tried: style='text-align:center'; style='left:50%'; I even true a center tag
But I can't make my target div to be center.

User submissions are the sole responsibility of contributors, with TuteeHUB disclaiming liability for accuracy, copyrights, or consequences of use; content is for informational purposes only and not professional advice.

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 3 years ago
_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Center_x000D_ _x000D_ _x000D_ _x000D_
_x000D_
This DIV is centered
_x000D_
_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Tested and worked in IE, Firefox, Chrome, Safari and Opera. I did not test IE6. The outer text-align is needed for IE. Other browsers (and IE9?) will work when you give the DIV margin (left and right) value of auto. Margin "0 auto" is a shorthand for margin "0 auto 0 auto" (top right bottom left). Note: the text is also centered inside the inner DIV, if you want it to remain on the left side just specify text-align: left; for the inner DIV. Edit: IE 6, 7, 8 and 9 running on the Standards Mode will work with margins set to auto.
0 views
0 shares

No matter what stage you're at in your education or career, TuteeHUB will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

Similar Forum


Q

Unity hosting a custom piece of code on own website [on hold]

_x000D_ _x000D_ I was wondering how would you be able to host an "API" on your own website that you...
Q

I am needing advice on a web bot [on hold]

_x000D_ _x000D_ I want to code a bot that has a GUI or CLI doesn't really matter yet but a GUI would...
Q

date and time picker, that can take a max and min absolute time, compatible with react [on hold]

_x000D_ _x000D_ I have an issue with scheduling things in a web platform (react.js), and need a date...

Important Web Technologies Links