JSFiddle - React, Tailwind, and code Playground

HTML

<table width="500" border="1" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td>A</td>
      <td>B</td>
    </tr>
    <tr>
      <td>11</td>
      <td>22</td>
    </tr>
    <tr>
      <td>33</td>
      <td>44</td>
    </tr>
    <tr>
      <td>55</td>
      <td>
      66
      <hr color="#000000" size="1px">
      6666
      </td>
    </tr>

    <tr>
      <td>77</td>
      <td>88</td>
    </tr>
    <tr>
      <td>99</td>
      <td>00</td>
    </tr>
  </tbody>
</table>

CSS

table {
  width: 50%;
  margin: 20px;
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}

tr:nth-of-type(even) {
  background-color: pink;
}
hr {
	padding: 0px;
	margin: 0px;
}