title: How to set height of list items in HTML?
body: <p>Here is my code:</p>
  
  <h3>HTML</h3>
  
  <pre><code>&lt;div class="menu"&gt;
      &lt;ul&gt;
        &lt;li class="active"&gt;&lt;a href="index.html"&gt;HOME&lt;/a&gt;&lt;/li&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;COMPANY&lt;/a&gt;&lt;/li&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;SOLUTIONS&lt;/a&gt;&lt;/li&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;SERVICES&lt;/a&gt;&lt;/li&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;NEWS &amp; EVENTS&lt;/a&gt;&lt;/li&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;BLOGS&lt;/a&gt;&lt;/li&gt;
        &lt;li class="active"&gt;&lt;a href="#"&gt;CONTACTS&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <h3>CSS</h3>
  
  <pre><code>.header .menu ul { margin:33px 10px 0 0; padding:0; float:right; width:auto; height:12px; list-style:none;}
  .header .menu ul li { margin:0 4px; float:left;}
  </code></pre>
  
  <p>It does not recognize the <strong>height</strong> feature. Why? How can I set the height of menu item?</p>