title: CSS id not working in the div
body: <p>I have been trying to learn horizontal lists in html. I have the following code,</p>
  
  <h2>CSS:</h2>
  
  <pre><code>#list li
  {
      text-decoration:none; 
      display: inline;
      list-style-type: none;
      padding-right: 20px;    
  }
  &lt;/style&gt;
  </code></pre>
  
  <h2>HTML:</h2>
  
  <pre><code>&lt;div &gt;
  &lt;ul id="list"&gt;
      &lt;li&gt;Store &lt;/li&gt; 
      &lt;li&gt;Mac &lt;/li&gt;
      &lt;li&gt;IPod &lt;/li&gt;
      &lt;li&gt;IPhone &lt;/li&gt;
      &lt;li&gt;IPad &lt;/li&gt;
      &lt;li&gt;ITunes &lt;/li&gt;
      &lt;li&gt;Support &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I put the id in the div tag (<code>&lt;div id="list"&gt;</code>)then it does not show the list horizontally while the current code displays the list horizontally. I don't get the reason behind it. Please help me clear the concept. Thanks</p>