我在慕课网 的html学习了水平居中，学完后我是这样写的。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>水平居中</title>
<style>
.container{
text-align:center;
}
.container ul{
list-style:none;
margin:0;
padding:0;
}
.container li{;display:inline-block;}
.container a{
text-decoration:none;
color:#000;
}
.container a:hover {
background-color:#930;
color:#fff;
}
</style>
</head>
<body>
<div class="container">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
</body>
</html>
这样写对么？有什么优点和缺点？
慕粉0202
刚毅87