格式化链接,以便它们在CSS中并排显示在网站的左上角

时间:2018-05-29 16:32:24

标签: html css

我已经在html中为网站原型制作了一个链接列表:

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="stuffy_stylesheets.css">
        <title> INF </title>
    </head>

    <body>
        <div id= "content">
            <p>More Stuff</p>
            <p>Even More Stuff</p>
        </div>

        <div id= "list">
            <ul id = "menu">

            <li><a href= "pg2.html"> wad</a></li>
            <li><a href= "pg3.html"> wad</a></li>
            <li><a href= "pg4.html"> wad</a></li>
            <li><a href= "pg5.html"> wad</a></li>
            </ul>


        </div>
    </body>
</html>

到目前为止,这些页面绝对没有任何意义,但是,我希望对链接进行样式设置和格式化,使它们位于网页的左上角并相互内联,为此,我尝试了{{1但是,由于某些奇怪的原因似乎无法奏效。所以我想知道我需要添加哪些代码来格式化它。我的CSS如下:

display: inline-block

2 个答案:

答案 0 :(得分:0)

将您的css代码更改为此类代码。

 df.loc[df['TripID'].diff().shift(-1) > 0, 'delta_t'] = np.nan

答案 1 :(得分:0)

这里你唯一看错的是你在width: 15%上应用的#menu

跳过该属性并在display: inline-block元素上添加li应解决此问题。

这是一个fiddle

P.S。 - 当您使用它时,请将border colour更改为border-color