JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tbody>
    <tr>
      <td>Prefix here</td>
      <td>*</td>
      <td>*</td>
      <td>*</td>
      <td>*</td>
      <td>*</td>
      <td>*</td>
      <td>Postfix here</td>
    </tr>
    <tr>
      <td></td>
      <td>Label 1</td>
      <td>Label 2</td>
      <td>Label 3</td>
      <td>Label 4</td>
      <td>Label 5</td>
      <td>Label 6</td>
      <td></td>
    </tr>
  </tbody>
</table>

CSS

table {
  width: 100%;
  text-align: center;
}