<table>
  <caption>The engineering team</caption>
  <thead>
    <th>First name</th>
    <th>Last name</th>
    <th>Occupation</th>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>Doe</td>
      <td>Scientist</td>
    </tr>
    <tr>
      <td>Jane</td>
      <td>Doe</td>
      <td>Web Developer</td>
    </tr>
  </tbody>
</table>
caption {
  padding: 10px;
  caption-side: bottom;
  color: tomato;
}

table,
td {
  border-collapse: collapse;
  border: 1px solid #333;
}

thead {
  background-color: #333;
  color: #fff;
}

th {
  text-align: left;
}

td,
th {
  padding: 10px;
}

External CSS

  1. https://codepen.io/tutsplus/pen/vYrpEwd.css

External JavaScript

This Pen doesn't use any external JavaScript resources.