Question

我对编码很陌生，试图为课程制作一个水平列表。有人可以为我看一下，让我知道我的代码有什么问题吗？

<!doctype html> 
<html>
<head>
    <title>website</title>
    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <style>
            .menubar {  list-style:none;
            float:left;
            border-left:1px solid; 
            display:inline;}
        .numbers {display:inline;
            list-style-position:}           
    </style>
</head>

<body>
    <div id="container">
        <div class="whitebar">
        </div>
        <div class = "fixedwidth">  </div>
        <div id="home">  </div>
    </div>
    <div class="redbar"> List   </div>
    <div>
        <ul class="menubar">
            <li> Home </li>
            <li> Video</li>
            <li> World </li>
            <li> US & Canada </li>
            <li> UK </li>
        </ul>
    </div>
</body>

Answer 1

您需要为每个class="numbers"元素添加li。或者您可以使用名为menu-item的新类或类似的类，其中包含display: inline;或display: inline-block;。

基本CSS：制作水平列表

1 个答案: