html无序列表横向水平居中的解决方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	}
#dh {
	height: 30px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #F00;
}
#dh ul {
	height: 30px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#dh ul li {
	float: left;
	list-style-type: none;
	height: 30px;
	width: 150px;
	line-height: 30px;
	text-align: center;
}
-->
</style>
</head>


<body>
<div id="dh">
<ul>
<li>首页</li>
<li>电脑</li>
<li>手机</li>
<li>家电</li>
</ul>
</div>
</body>
</html>



猜你喜欢

转载自blog.csdn.net/u010330144/article/details/75338798
今日推荐