有序列表和子列表问题HTML

时间:2011-12-06 21:39:30

标签: html nested-lists html-lists

所以这是我的代码:

      <div class="faq">
      <br />
<ol>
<li>Frequently asked questions about Sweden</li>
<li><a href="#faq1">What and where is Sweden?</a>
<ul>
    <li><a href="#faq2">When did Sweden stop participating in wars?</a></li>
    <li><a href="#faq3">Is Sweden a part of the European Union?</a>
         <ul>
            <li><a href="#faq4">Did Sweden ever have a scientific revoution?</a></li>
            <li><a href="#faq5">Did the Nobel Prize really come from Sweden?</a></li>
         </ul>
       </li>
    </ul>
  </li>
</ol>
<ol>
    <li>More Questions
        <ul>
            <li><a href="#faq6">Does Sweden hold many patents on their inventions?</a></li>
            <li><a href="#faq7">How does the Swedish educational system work?</a></li>
            <li><a href="#faq8">How is school financed in Sweden?</a></li>
        </ul>
        </li>
    </ol>

当我使用此代码时,第一个名为“瑞典常见问题”的列表在其错误的一侧有其罗马数字(从有序列表中给出的数字)。 所以基本上它看起来像这样:

有关瑞典的常见问题。 II。

什么时候看起来像:

II。有关瑞典的常见问题。

我不知道如何把它放在问题的开头。所有其他列表和子列表表现良好,但这个有点混乱...... 请帮助:)

1 个答案:

答案 0 :(得分:1)

这是你想要的吗?

                   

            
  1. 关于瑞典的常见问题
  2.     
              
    • 瑞典是什么,在哪里?

    •         
    • 瑞典什么时候停止参加战争?

    •         
    • 瑞典是欧盟的一部分吗?

    •         
    • 瑞典是否有过科学的复兴?

    •         
    • 诺贝尔奖真的来自瑞典吗?

    •     
            
  3. 更多问题
        

              
    • 瑞典是否拥有多项发明专利?

    •         
    • 瑞典教育体系如何运作?

    •         
    • 学校如何在瑞典获得资助?

    •     

        
         

<html>
<head>
</Head>
<body>
<ol> 
    <li>Frequently asked questions about Sweden</li> 
<ul>
    <li><a href="#faq1">What and where is Sweden?</a></li>     
    <li><a href="#faq2">When did Sweden stop participating in wars?</a></li>     
    <li><a href="#faq3">Is Sweden a part of the European Union?</a></li>            
    <li><a href="#faq4">Did Sweden ever have a scientific revoution?</a></li>             
    <li><a href="#faq5">Did the Nobel Prize really come from Sweden?</a></li>  
</ul>
    <li>More Questions         
<ul>             
    <li><a href="#faq6">Does Sweden hold many patents on their inventions?</a></li>             
    <li><a href="#faq7">How does the Swedish educational system work?</a></li>             
    <li><a href="#faq8">How is school financed in Sweden?</a></li>         
</ul>            
</ol>
</body>
</html>