刚刚学习css，编辑导航条中出现了一点问题。不知道样式哪里出了差错，文字显示不在一个水平线上

html-css012

刚刚学习css，编辑导航条中出现了一点问题。不知道样式哪里出了差错，文字显示不在一个水平线上,第1张

<style>

*{ margin:0padding:0}

li{ list-style:none}

a{ text-decoration:none}

.nav{ width:752px margin:0 auto}

.nav li{ float:left padding:8px 80px background-color:blue}

.nav a{ color:white font:"微软雅黑" font-size:14px}

.clearfix:after{ 

   content:"."

   display:block

   visibility:hidden

   height:0

   clear:both

       }

</style> <body>

<ul class="nav clearfix">

     <li><a href="#">首页</a></li>

        <li><a href="#">新闻</a></li>

        <li><a href="#">联系</a></li>

        <li><a href="#">关于</a></li>

    </ul>

</body>

正好有个案例，您可以借着参考一下，如果有不懂可以随时追问哦！

希望可以帮到您 OvO