Horizontal navigation

HTML

<nav class="dwp-horizontal-navigation" aria-label="Horizontal">
  <ul class="dwp-horizontal-navigation__list">
    <li class="dwp-horizontal-navigation__item dwp-horizontal-navigation__item--selected">
      <a id="s-item-1" href="#s-item-1" class="dwp-horizontal-navigation__link" aria-current="true">Item 1</a>
    </li>
    <li class="dwp-horizontal-navigation__item">
      <a id="s-item-2" href="#s-item-2" class="dwp-horizontal-navigation__link">Item 2</a>
    </li>
    <li class="dwp-horizontal-navigation__item">
      <a id="s-item-3" href="#s-item-3" class="dwp-horizontal-navigation__link">Item 3</a>
    </li>
  </ul>
</nav>