2017-02-14 8 views
0

私はコースの水平リストを作成しようとすると、まったく新しいコーディングです。誰かが私のためにそれを見て、私のコードで何が間違っているか教えてもらえますか?基本的な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> 
+1

ようこそ。あなたは「間違っている」よりも具体的にする必要があるでしょう。具体的には、どこで線をしたいですか?基本的な構文エラーを排除するためにバリデーターを通してコードを実行しましたか? – haxxxton

答えて

0

あなたはli要素のそれぞれにclass="numbers"を追加する必要があります。または、menu-itemなどの新しいクラスを使用することができます。ここにはdisplay: inline;またはdisplay: inline-block;があります。

+0

ありがとうございます!それがそれを解決しました。 –

関連する問題