G's

by Harsh Bhatnagar

HTML

<table>
  <tr>
    <td width="50%">Payments</td>
    <td width="50%">Deductions</td>
  </tr>
  <tr>
    <td colspan="2">thiss</td>
  </tr>
  <tr>
    <td colspan="2" class="parent">
      <table>
        <tr class="noTB">
          <td colspan="2" class="desTd">thiss</td>
          <td>thiss</td>
          <td>thiss</td>


        </tr>
        <tr>
          <td colspan="2" class="desTd">Description</td>
          <td colspan="2">thiss</td>

        </tr>
      </table>
    </td>
  </tr>
</table>

CSS

body {
  color: #333;
}

table {
  border-spacing: 0px;
  width: 100%;
}


td {
  border: 1px solid grey;
  padding: 6px;
}


.desTd {
  width: 50%;
}

.parent {
  padding: 0px;
}

.noTB td {
  border-top: 0px;
}