css page setup
sir,
i want to design a page with a width of 80% and it should be aligned in the center, i.e with 10% spacing on left and right sides, how can i do that?
i gave the following code
<html>
<head>
<title>Rock2B Solutions
</title>
<style type="text/css">
body{
padding:0;
margin:0;
background:#CFECEC;
}
#outcntr{
width:100%;
}
#maincntr{
width:80%;
align:center;
border-right: 1px solid #AFC7C7;
border-left: 1px solid #AFC7C7;
background: white;
height: 100%;
margin-left: auto;
margin-right: auto;
}
#topline{
width:100%;
border:1px solid #ffffff;
background-color: #C0C0C0;
height:10px;
}
</style>
</head>
<body>
<div id="outcntr">
<div id="maincntr">
<div id="topline">
</div>
</div>
</div>
</body>
</html>
so how to do equal alignment on both sides?
thanks