如题：
<table border=0 cellspacing="0" cellspadding="0"width="753px"height="50px">
<tr>
<td width="10px" bgcolor="#ff0f770"></td>
<td width="743px"align="center"class="h1">Demo of middled vertical align</td>
</tr>
<table>
其中里面的样式h1{font-size:20px;font-weight:bold;}
重点不在这，就是上面那个效果，用css的div布局实现，问题简单，请学习这方面的朋友交流下，我把我写的代码贴出来．，有什么不好的地方，还请高手指点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<style type="text/css">
#head{width:753px;height:50px;margin:0 auto;}
#head1{width:10px;float:left;height:50px;background:#999999;line-height:50px;}
#head2{width:743px;float:left;height:50px;background:#FF9999;line-height:50px;}
.h1{font-size: 24px;font-weight:bold;}
</style>
<div id="head">
<div id="head1"></div>
<div id="head2"class="h1">Demo of middled vertical align</div>
</div>
注意了 css代码上面那个部分解析的一定要带上，不然不能实现居中效果，不过设置为百分比也可以实现居中，正学css布局，欢迎朋友交流学习QQ:40837897
