<li><a href="#">关于</a> <ul> <li><a href="#">品牌故事</a></li> <li><a href="#">联系我们</a></li> <li><a href="#">加入我们</a></li> <li><a href="#">版权声明</a></li> </ul> </li>
如上这段，为什么可以直接通过设置最外层的li的text-align为center就可以让里面的a和ul都居中？ul不是块级元素吗？只有行内元素才能通过这种方式来设置居中不是吗？
可以通过F12查看元素得知，
li元素会自带属性： text-align: -webkit-match-parent; 从而继承父级元素中的text-align为center。
只是字体会居中，布局不会居中。
ul和li中自带了一些布局属性，添加以下属性可以重置掉。
ul,li {
list-style: none;
padding: 0;
margin: 0;
}
希望帮助到您。