title: CSS Class Referencing in HTML
body: <p>I have the following HTML code:</p>
  
  <pre><code>&lt;div id="navigation"&gt;            
     &lt;ul class="top-level"&gt;
         &lt;li&gt;&lt;a href="./Default.aspx"&gt;Home&lt;/a&gt;&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm using the following CSS class on it:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  #navigation { font-size:0.75em; width:150px; }
  #navigation ul { margin:0px; padding:0px; }
  #navigation li { list-style: none; }
  
  ul.top-level { background:#666; }
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>How can I move the CSS code into a separate .css file and reference it in HTML?
  I tried using:</p>
  
  <pre><code>&lt;div id="navigation"&gt;
                  &lt;link rel="stylesheet" href="CSS/Styles.css"/&gt;
                  &lt;ul class="top-level"&gt;
                  ...
  </code></pre>
  
  <p>But that doesn't work.</p>