<ul class="slds-list_horizontal">
  <li>Horizontal List</li>
  <li>List Item</li>
  <li>List Item</li>

<ul class="slds-list_horizontal">
  <li>
    <a href="#">Horizontal List with inline level links</a>
  </li>

<ul class="slds-list_horizontal slds-has-block-links">
  <li>
    <a href="#">Horizontal List with block level links</a>
  </li>

<ul class="slds-list_horizontal slds-has-block-links_space">
  <li>
    <a href="#">Horizontal List with block level links and space</a>
  </li>

<ul class="slds-list_horizontal slds-has-inline-block-links">
  <li>
    <a href="#">Horizontal List with inline-block level links</a>
  </li>

<ul class="slds-list_horizontal slds-has-inline-block-links_space">
  <li>
    <a href="#">Horizontal List with inline-block level links and space</a>
  </li>

<ul class="slds-list_horizontal slds-has-dividers_left">
  <li class="slds-item">Horizontal List with dot dividers to the left</li>
  <li class="slds-item">List Item</li>
  <li class="slds-item">List Item</li>

<ul class="slds-list_horizontal slds-has-dividers_left slds-has-block-links">
  <li class="slds-item">
    <a href="#">Horizontal List with block level links and dot dividers</a>
  </li>

<ul class="slds-list_horizontal slds-has-dividers_left slds-has-block-links_space">
  <li class="slds-item">
    <a href="#">Horizontal List with block level links and dot dividers with space</a>
  </li>

<ul class="slds-list_horizontal slds-has-dividers_right">
  <li class="slds-item">Horizontal List with dot dividers to the right</li>
  <li class="slds-item">List Item</li>
  <li class="slds-item">List Item</li>

<ul class="slds-list_horizontal slds-has-dividers_right slds-has-block-links">
  <li class="slds-item">
    <a href="#">Horizontal List with block level links and dot dividers</a>
  </li>

<ul class="slds-list_horizontal slds-has-dividers_right slds-has-block-links_space">
  <li class="slds-item">
    <a href="#">Horizontal List with block level links and dot dividers with space</a>
  </li>