title: Troubleshooting internal links (href="#x" id="x")
body: <p>I wonder if anyone has a genius idea for why my internal links are not working on a webpage.
  I've set the html with the standard</p>
  
  <pre><code>&lt;a href="#link"&gt;&lt;button&gt;Some Text&lt;/button&gt;&lt;/a&gt;
  ....
  bunch of content
  ....
  &lt;div id="link"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here is the codepen link
      <a href="http://codepen.io/Cornucopia/pen/vyrPWw?editors=1100#0" rel="nofollow noreferrer">http://codepen.io/Cornucopia/pen/vyrPWw?editors=1100#0</a></p>
  
  <p>This was not working for unknown reasons until I greyed out enough bits of code and isolated the line that caused the problem.  In one of the linked css files was a float:left for the li elements.  The command is not associated with the button link, and so I can't fathom why it would keep the hyperlink from working.  But when the " .grid .tile {float: left;} " is greyed out then the link works again.</p>