title: How do I create an html link in a semantic-ui menu
body: <p>I am new to semantic-ui and I am having trouble creating an html link for a menu item, below is my test code:</p>
  
  <pre><code> &lt;div class="ui blue borderless main menu"&gt;
  &lt;a href="#" class="blue item" data-vivaldi-spatnav-clickable="1"&gt;
    Home
  &lt;/a&gt;
  &lt;a href="#" class="ui floated dropdown item" data-vivaldi-spatnav-clickable="1"&gt;
    Products
    &lt;i class="dropdown icon"&gt;&lt;/i&gt;
      &lt;div class="menu"&gt;
        &lt;a class="item" href="http://www.google.com"&gt;Google&lt;/a&gt;
        &lt;a class="item" href="http://www.zdnet.com"&gt;Zdnet&lt;/a&gt;
      &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p></p>
  
  <p>What I get displayed is:
  Home Products> Google Zdnet</p>
  
  <p>What I want is Google and Zdnet to be displayed as items of Products:</p>
  
  <p>Home |Products|<br>
   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|Google&nbsp;&nbsp;&nbsp;|<br>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|Zdnet&nbsp;&nbsp;&nbsp;&nbsp;|</p>
  
  <p>Can anybody tell me what I need to do to my code to achieve this?</p>
  
  <p>Thanks</p>