Semantic Menu w/dropdown

by needlethread

HTML

<script src="https://rawgit.com/Semantic-Org/Semantic-UI/next/dist/semantic.js"></script>
<link rel="stylesheet" href="https://rawgit.com/Semantic-Org/Semantic-UI/next/dist/semantic.css">
<div class="ui menu tiny">
    <a class="active item">
        File
    </a>
    <a class="item">
      Edit
    </a>
    <a class="item">
      Tools
    </a>

    <div class="item">
      <div class="ui button">Log-in</div>
    </div>

    <div class="ui dropdown item">
      Categories
      <i class="dropdown icon"></i>
      <div class="menu">
        <a class="item">Electronics</a>
        <a class="item">Automotive</a>
        <a class="item">Home</a>
      </div>
    </div>
  </div>

CSS

body {
  padding: 1em;
}