Stretch Column height

by Ben Clayton

HTML

<table>
  <tr>
    <td class="cols">
      <div class="multicol_column one">ONE</div>
    </td>
    <td class="cols">
      <div class="multicol_column two">TWO</div>
    </td>
    <td class="cols">
      <div class="multicol_column three">THREE</div>
    </td>
  </tr>
</table>

CSS

body {
  background-color: #111;
}

table {
  width:100%;
}

td.cols {
  width: 33%;
  vertical-align: top;
  display: inline-flex;
  background-color: #ddd;
}

.multicol_column {
  background-color: rgba(255,0,0,0.5);
  color: white;
  width: 100%;
}

.multicol_column.two {
  height: 300px;
}