我是编码的新手,正在尝试为类(class)制作一个水平列表。有人可以帮我看一下,让我知道我的代码有什么问题吗?
<!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>
最佳答案
您需要将 class="numbers"
添加到每个 li
元素。或者您可以使用一个名为 menu-item
或类似名称的新类,其中您有 display: inline;
或 display: inline-block;
.
关于html - 基本 CSS : making a horizontal list,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42216763/