请帮我看看错在哪呢??? 就是不能横排

<!DOCTYPE html>
<html>
    <head>
         <title></title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
         
<style type="text/css">
         ul {list-style-type: none;
           overflow:hidden;
            margin: 0px;
            padding: 0px;}
    
        li{float:left;}

        a:link,a:visited{display: block;
                        width: 60px;font-family: "微软雅黑";
                        font-size:14px;
                        text-align:center;
                        padding: 40px ;color: red;
                        background: black;}
       </style>
    </head>
    
<body>
         <ul>
            <li ><a href="">你好</a></li>
            <li><a href="">我好</a></li>
            <li><a href="">大家好才是真的好</a></li>
        </ul>
 </body>
 </html>      

宝慕林4326916
浏览 1511回答 4
4回答

王_灵娜

<!DOCTYPE html><html>    <head>         <title></title>         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">         <style type="text/css">        .ul-list{list-style-type: none;           overflow:hidden;            margin: 0px;            padding: 0px;}           .ul-list> li{          float: left}        a:link,a:visited{display: block;                        width: 60px;font-family: "微软雅黑";                        font-size:14px;                        text-align:center;                        padding: 40px ;color: red;                        background: black;}       </style>    </head>     <body>         <ul class="ul-list">            <li ><a href="">你好</a></li>            <li><a href="">我好</a></li>            <li><a href="">大家好才是真的好</a></li>        </ul> </body> </html>     

起名咋这么费劲呢

float:left 中间冒号你写的是中文的  

慕粉3456840

 li{float:left;display:inline-block}
打开App,查看更多内容
随时随地看视频慕课网APP