     <li><a href="#">Item</a></li>
      <li><a href="#">Item</a></li>
    </ul>
  </div>
</div>

<hr>

<h3>Advanced HTML</h3>

<h4>Orientation</h4>

<p>By default, menu bars are horizontal, but they can also be vertically oriented by adding the `vertical` class.</p>

<div class="grid-block">
  <div class="small-12 medium-6 grid-content">
<hljs>
<ul class="vertical menu-bar">
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
</ul>
</hljs>
  </div>
  <div class="