Question

我想制作徽标，我的navigation :ul, li显示在同一行。

代码：

    <div class="main-header">
        <img class="logo" src="logo-2.png">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Feed</a></li>
                    <li><a href="#">Popular</a></li>
                    <li><a href="#">All</a></li>
                </ul>
    </div>
    </body>

Answer 1

尝试这个。

＆＃13;

li{display: inline-block}
ul{float: left;}
img{float: left;}

＆＃13;

 <body class="homepage">
    <div class="header header-size single-header">

    <div class="main-header">
        <img class="logo" src="logo-2.png">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Feed</a></li>
                    <li><a href="#">Popular</a></li>
                    <li><a href="#">All</a></li>
                </ul>
    </div>
    </body>

＆＃13;

我无法弄清楚如何将它们放在同一条线上

1 个答案: