This is your first DIV, isn't it cool? Check it out! See how the margin: auto; code causes it to align in the center. It has padding in it automatically, but by adding the padding: 0px; code, you can make that go away. Or, you can increase it by changing 0 to a larger value! This coding for this page is as follows:
<html><head>
<style>
body
{ font-family: Verdana;
color: #000000;
font-size: 10px;
background-color: #ffffff;
}
a:link, a:visited {
text-decoration:underline;
color:#000000;
}
a:active, a:hover {
text-decoration:underline;
color:#444444;
}
#firstdiv {
background-color: #ffffff;
border: 1px solid #000000;
width: 700px;
margin: auto;
}
</style>
</head>
<div id="firstdiv">
This is your first DIV, isn't it cool? Check it out! See how the margin: auto; code causes it to align in the center. It has padding in it automatically, but by adding the padding: 0px; code, you can make that go away. Or, you can increase it by changing 0 to a larger value!</div>
</body></html>