Heading

<table class="table table-bordered">
  <tbody>
    <tr>
      <td>
        <h3 class="title-xs">Title Extra Small</h3>
      </td>
      <td><code>.title-xs</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-sm">Title Small</h3>
      </td>
      <td><code>.title-sm</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-md">Title Medium</h3>
      </td>
      <td><code>.title-md</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-lg">Title Large</h3>
      </td>
      <td><code>.title-lg</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-xl">Title Extra Large</h3>
      </td>
      <td><code>.title-xl</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-2-xl">Title 2x Extra Large</h3>
      </td>
      <td><code>.title-2-xl</code>
      </td>
    </tr>
  </tbody>
</table>

<table class="table table-bordered">
  <tbody>
    <tr>
      <td>
        <h3 class="title-xs hr-left text-uppercase">Title Extra Small</h3>
      </td>
      <td><code>.title-xs .hr-left</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-sm hr-left text-uppercase">Title Small</h3>
      </td>
      <td><code>.title-sm .hr-left</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-md hr-left text-uppercase">Title Medium</h3>
      </td>
      <td><code>.title-md .hr-left</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-lg hr-left text-uppercase">Title Large</h3>
      </td>
      <td><code>.title-lg .hr-left</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-xl hr-left text-uppercase">Title Extra Large</h3>
      </td>
      <td><code>.title-xl .hr-left</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-2-xl hr-left text-uppercase">Title 2x Extra Large</h3>
      </td>
      <td><code>.title-2-xl .hr-left</code>
      </td>
    </tr>
  </tbody>
</table>

<table class="table table-bordered">
  <tbody>
    <tr>
      <td>
        <h3 class="title-xs hr text-center text-uppercase">Title Extra Small</h3>
      </td>
      <td><code>.title-xs .hr .text-center .text-uppercase</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-sm hr text-center text-uppercase">Title Small</h3>
      </td>
      <td><code>.title-sm .hr .text-center .text-uppercase</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-md hr text-center text-uppercase">Title Medium</h3>
      </td>
      <td><code>.title-md .hr .text-center .text-uppercase</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-lg hr text-center text-uppercase">Title Large</h3>
      </td>
      <td><code>.title-lg .hr .text-center .text-uppercase</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-xl hr text-center text-uppercase">Title Extra Large</h3>
      </td>
      <td><code>.title-xl .hr .text-center .text-uppercase</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-2-xl hr text-center text-uppercase">Title 2x Extra Large</h3>
      </td>
      <td><code>.title-2-xl .hr .text-center .text-uppercase</code>
      </td>
    </tr>
  </tbody>
</table>

<table class="table table-bordered">
  <tbody>
    <tr>
      <td>
        <h3 class="title-xs hr-before">Title Extra Small</h3>
      </td>
      <td><code>.title-xs .hr-before</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-sm hr-before">Title Small</h3>
      </td>
      <td><code>.title-sm .hr-before</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-md hr-before">Title Medium</h3>
      </td>
      <td><code>.title-md .hr-before</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-lg hr-before">Title Large</h3>
      </td>
      <td><code>.title-lg .hr-before</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-xl hr-before">Title Extra Large</h3>
      </td>
      <td><code>.title-xl .hr-before</code>
      </td>
    </tr>
    <tr>
      <td>
        <h3 class="title-2-xl hr-before">Title 2x Extra Large</h3>
      </td>
      <td><code>.title-2-xl .hr-before</code>
      </td>
    </tr>
  </tbody>
</table>