演示效果截图

CSS代码

<style type="text/css">
ol,ul{list-style:none}  
a{color:#000;}     
#adaptive{background:#00FFFF;height:30px;}       
#adaptive ul{text-align:center;}       
#adaptive li{display:inline; padding:0 8px;}
</style>

HTML代码

<div id="adaptive">
<ul>
<li><a href="http://www.v404.cn" title="CSS自适应宽度的水平居中效果"
 target="_blank">[CSS自适应宽度的水平居中效果]</a></li>
</ul>
</div>