JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table information-table">
  <tbody>
    <tr>
      <td><b>Test Program:</b></td>
      <td><b>Report Name:</b></td>
      <td><b>Location of Test:</b></td>
    </tr>
  </tbody>
</table>

CSS

.table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #ddd;
}
.table th, td {
    text-align: left;
    padding: 12px;
  }
  
.table .information-table th, td {
    padding: 5px;
}
  
.table .data-table th, td {
    padding: 10px;
}