Align Center CSS Code

This Page Contains information about Align Center CSS Code By chuck78 in category CSS with 9 Replies. [3345], Last Updated: Mon Jun 24, 2024

chuck78

Wed Apr 23, 2008

9 Comments

575 Visits

i've noticed that when im trying to align a div with style sheets it doesnt align proplerly in the middle

its always to the side but when i select aligh text to middel only the content is centered

i want to do it like your site here where you have the main div align to the center

Answer:
<p style="text-align:center;font-family:sans-serif;position: absolute;top: 50%;width:100%">Not Authorized</p>

Web Hosting Support

Wed Apr 23, 2008

yeah i had a hard time aligning my divs to center in the middle but this his how you do it with

margin:0 auto;

here an example of a div

.centered{
padding: 10px;
width: 798px;
border:1px solid #ccc;
border-width: 0 1px 1px 1px 1px;
margin:0 auto;
}

<div class="centered">Im Aligned to the middle of the page</div>

Web Hosting Support

Fri May 30, 2008

DEMO

Im Aligned to the middle of the page

https://www.webune.com/forums/align-center-css-code.html

Tim

Fri Aug 08, 2008

It's not aligned in the example with IE7

Administrator

Sat Apr 18, 2009

tip: make sure you put a width value, if you leave out the width value, it will not center the page or the css style you are making

enertis

Mon Jan 11, 2010

i didnt know you can use css to make a div center align? thanks i will try it

Wow To Make Picture Fade with Css

Align Center CSS Code

DEMO

Related Pages