title: Issue with "a" div in css
body: <p>I have a bit of a problem, for the header of my website i used a styled div, called a so my http://puu.sh/d9Ax5/2817017ea2.png
  but when i try to post a link i can't see it since it is already styled for the header.
  Here is my code:</p>
  
  <p><strong>HTML HEADER LIST</strong></p>
  
  <pre><code>a {
  text-decoration: none;
  color: #fff;
  transition: all 0.2s ease-in;
  }
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>        &lt;div class="nav"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="/news"&gt;News&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="/content_packs.html"&gt;Content Packs&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="/about"&gt;About&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="/help"&gt;Help&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
  </code></pre>