代码如下，像是这种，如何让多个li float之后，还是居中？我给ul加了宽度之后，只是ul居中，UL里面的li还是float：left排列，怎么实现ul里面的li居中？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
ul{
list-style:none;
margin:0 auto;
text-align:center;
background-color:#90F8B5}
li{
width:72px;
height:38px;
background-color:#999;
margin:15px;
float:left;}
</style>
</head>
<body>
<div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
</body>
</html>
