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

659 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>

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

Web Hosting Support

Fri May 30, 2008

DEMO

Im Aligned to the middle of the page

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