<table>

  <thead>

    <tr>

      <th>Employee</th>

      <th>Salary</th>

      <th>Bonus</th>

      <th>Manager</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <td>Alex the Primary</td>

      <td>750$</td>

      <td>63$</td>

      <td rowspan="2">Cody Hexly</td>

    </tr>

    <tr>

      <td>Eugen the Editor</td>

      <td>1200$</td>

      <td>0</td>

    </tr>

    <tr>

      <td>Morgan the Developer</td>

      <td>500$</td>

      <td>100$</td>

      <td>Queenie Layer</td>

    </tr>

    <tr>

      <td></td>

      <td></td>

      <td></td>

      <td colspan="4" class="text-right text-bold">Total: 2613$</td>

    </tr>

  </tbody>

</table>

html {

  font: 18px/1.5 sans-serif;

}

​

table {

  color: #fff;

​

  background-color: #343a40;

}

​

td,

th {

  padding: 1em;

}

​

th {

  text-align: left;

  vertical-align: bottom;

}

​

tbody tr {

  background-color: #2e3338;

}

​

.text-right {

  text-align: right;

}

​

.text-bold {

  font-weight: bold;

}

​