基本CSS：製作水平列表

我是全新的編碼，試圖爲課程製作一個水平列表。有人可以爲我看看它，讓我知道我的代碼有什麼問題嗎？基本CSS：製作水平列表

<!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>

來源

2017-02-14 Denise Walter

歡迎來到SO。你需要比「有什麼不對勁」更具體。具體來說，你想要哪一行？你是否通過驗證器運行你的代碼以消除基本的語法錯誤？ – haxxxton

您需要添加class="numbers"到每個li元素。或者，您可以使用名爲menu-item或類似的新類，其中有display: inline;或display: inline-block;。

來源

2017-02-14 02:21:13 Andrew

謝謝！這解決了它。 –

基本CSS：製作水平列表

回答

相關問題