第一个例子:一个左右居中的模块。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> YYLD.net系列建站教程之css练习题 </TITLE>
<style type="text/css">
body{
margin:0;
padding:0;
width:100%;
}
#a{
width:100%;
float:left;
text-align:center;
}
#b{
width:500px;
height:100px;
border:1px solid #dddddd;
background:#eeeeee;
margin:20px auto 0;
}
</style>
</HEAD>
<BODY>
<div id="a">
     <div id="b"></div>
</div> 
</BODY>
</HTML>

第二个例子:一个左右居中的模块里还有一个顶部模块。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>YYLD.net系列建站教程之css练习题</TITLE>
<style type="text/css">
*{
margin:0;
padding:0;
}
body{
}
#a{
width:100%;
float:left;
text-align:center;
}
#b{
width:500px;
height:500px;
border:1px solid #dddddd;
background:#eeeeee;
margin:20px auto 0;
}
#head{
width:100%;
height:100px;
background:#dddddd;
}
</style>
</HEAD>
<BODY>
<div id="a">
<div id="b">
<div id="head"></div>
</div>
</div>
</BODY>
</HTML>