JSFiddle - React, Tailwind, and code Playground

by Riskbreaker

HTML

<table class="sectioned">
      <tbody>
        <tr><td colspan="2"><b>General Data</b></td></tr>
        <tr><td>Tail Number</td><td>N0809021</td></tr>
        <tr><td>Type of Ownership</td><td>personal</td></tr>
        <tr><td>Type of Aircraft</td><td>aircraft under 13,000 pounds</td></tr>
        <tr><td>Year of Manufacture</td><td>1999</td></tr>
        <tr><td>Use of Aircraft</td><td>private</td></tr>
        <tr><td>Start Date</td><td></td></tr>
        <tr><td>Policy Length</td><td>6 months</td></tr>
      </tbody>
      <tbody>
        <tr><td colspan="2"><b>Additional Aircraft Information</b></td></tr>
        <tr><td>Manufacturer</td><td></td></tr>
        <tr><td>Model</td><td></td></tr>
        <tr><td>Engine Make</td><td></td></tr>
        <tr><td>Number of Seats</td><td></td></tr>
      </tbody>
    </table>

CSS

table {
border-collapse: collapse;
}

table.sectioned tbody {
        border: 2px solid black;
        border-collapse: separate;
        border-spacing: 4px; }