title: is it okay to wrap an <li> tag in an <a> tag
body: <p><p>I currently have html code that wraps my <strong>li</strong> tags in my <strong>a</strong> tags like so: </p>
  
  <pre><code>&lt;ul&gt;
      &lt;a href='#'&gt;&lt;li&gt;Home&lt;/li&gt;&lt;/a&gt;
      &lt;a href='#&gt;&lt;li&gt;Gallery&lt;/li&gt;&lt;/a&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>It works perfectly, but Is this semantically correct? is there any negative implication of writing my html like this? </p>