<!doctype html>
<style>
    td {
        width: 50px;
        height: 50px;
        padding: 0px;
        background: lime;
    }
    td div {
      display: inline-block;
      width: 22px;
      height: 5px;
      background: orange;
    }
</style>
<p>Removing the left cell with a big border should give the remaining cells enough space to put the orange inline-blocks on the same line.</p>
<table style="border-collapse:collapse">
  <tr>
    <td><div></div> <div></div></td>
    <td><div></div> <div></div></td>
  </tr>
</table>