Center Div using CSS

Post at Thu, 24.July.2008 10:32:02 PM .
Hit: 676 . Comment: 1
 
How to create Div element to Center alignment?  just set your left and right margin to "auto" . Here the sample :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
    #content{
        width:300px;
        border:solid 1px #999999;
        margin:100px auto;
    }
</style>
<title>Untitled Document</title>
</head>

<body>

<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas imperdiet scelerisque arcu. Integer imperdiet, tellus a lobortis posuere, risus odio viverra dolor, nec viverra magna ante eu ante. Nullam volutpat. Phasellus aliquam felis id erat. Mauris volutpat enim id mauris. Vestibulum in risus. Sed non neque. Curabitur at dolor. Suspendisse libero. Aliquam erat volutpat. Vivamus lectus metus, dignissim non, mattis id, imperdiet sed, sem. Suspendisse potenti. Nullam quis eros. Donec congue metus vitae urna.

</div>

</body>
</html>


And The result :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas imperdiet scelerisque arcu. Integer imperdiet, tellus a lobortis posuere, risus odio viverra dolor, nec viverra magna ante eu ante. Nullam volutpat. Phasellus aliquam felis id erat. Mauris volutpat enim id mauris. Vestibulum in risus. Sed non neque. Curabitur at dolor. Suspendisse libero. Aliquam erat volutpat. Vivamus lectus metus, dignissim non, mattis id, imperdiet sed, sem. Suspendisse potenti. Nullam quis eros. Donec congue metus vitae urna.
 

 

Comments for "Center Div using CSS"

Oka Dayendra
26.July.2008 12:49:51 AM
huaaaaa... :( klo itu aku coba di script baru bisa.. tapi masalahny kayakya sama CSS ku :( web ku tetep kekiri.. hiks hiks

Leave a comment (Click Here)

Name*
E-mail* (not published)
URL
Comment*
Enter validation code