为什么去掉ul和li的display:inline仍然显示居中
不是说设置了块级元素的display:inline后再使用text-aline:center才能使块状元素居中吗?为啥去掉了ul和li的display:inline后,123仍然显示居中?只不过从水平排列变成垂直排列了
<style>
.container{text-align:center;
border:red solid 1px;}
.container ul{margin:0;padding:0;}
.container li{margin-right:8px;}
</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>