HTML Table no right border

by Sascha

HTML

<table cellpadding="3">
  <tr>
    <td class="no-border-right"><b>6. Source of supply:</b><br>Generator</td>
    <td><b>Supply located at:</b><br> Some data</td>
    <td><b>7. Supply earthing arrangements:</b><br>Some data</td>
  </tr>
  <tr>
    <td><b>8. Protective devices at source of supply</b></td>
    <td>Lorem Ipsum</td>
    <td>Lorem Ipsum</td>
  </tr>
</table>

<p>

</p>

<div class="table">
  <div class="row">
    <div class="no-border-right">
      <b>6. Source of supply:</b><br>Generator
    </div>
    <div>
      <b>Supply located at:</b><br> Some data
    </div>
    <div>
      <b>7. Supply earthing arrangements:</b><br>Some data
    </div>
  </div>
  <div class="row">
    <div><b>8. Protective devices at source of supply</b></div>
    <div>Lorem Ipsum</div>
    <div>Lorem Ipsum</div>
  </div>
</div>

CSS

table,
td,
div {
  border-collapse: collapse;
  border: 0.5px solid black;
}

.no-border-right {
  border-right: hidden;
}

div.table {
  display: table;
}

div.row {
  display: table-row;
}

div.table div.row div {
  display: table-cell;
  padding: 3px;
}