为什么我加上padding-left后总宽度没有变化?

和老师的代码一模一样,但是加上padding-left后总宽度并没有变化,这是什么情况?新的标准吗??

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>hello world</title>
		<style type="text/css">
		*{margin:0;padding:0;font-size:14px;}
		ul{list-style:none;width:100px;}
		li{height:30px;line-height:30px;background-color:#ccc;margin-bottom:1px;padding-left:10px;}
		a{text-decoration:none;}
		</style>
	</head>
	<body>
		<ul>
			<li><a href="#">首    页</a></li>
			<li><a href="#">新闻快讯</a></li>
			<li><a href="#">产品展示</a></li>
			<li><a href="#">售后服务</a></li>
			<li><a href="#">联系我们</a></li>
		</ul>
	</body>
</html>