title: Creating fade-in drop-down navbar buttons with CSS3
body: <p>Going to edit this, since I'm a stubborn idiot who has seen the error of his way. More or less the same question about how to create a drop-down group of links on a horizontal navbar, but this time, with the usage of ul and li.</p>
  
  <p>So far, I've made this much progress:</p>
  
  <pre><code>&lt;nav&gt;
      &lt;ul class="width"&gt;
          &lt;li&gt;&lt;a ...&lt;/li&gt;
          &lt;li&gt;&lt;a ...
              &lt;ul&gt;
                  &lt;li&gt;&lt;a ...&lt;/li&gt;
                  &lt;li&gt;&lt;a ...&lt;/li&gt;
                  &lt;li&gt;&lt;a ...&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;&lt;a ...&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>nav ul{width:100%;text-align:justify;font-size:0;}
  nav ul:after{content:"";width:100%;display:inline-block;}
  nav li{list-style:none;display:inline-block;}
  nav a{display:inline-block;padding:10px;}
  nav ul ul{display:none;}
  </code></pre>
  
  <p>However, it's still incomplete, as I'm unsure how to progress from here. Currently this code hides the content that would appear in the drop down menu, but there is no code to make it visible again. Guides I've seen make use of floats. Are those absolutely necessary?</p>