JSFiddle - React, Tailwind, and code Playground

by jpeter06

HTML

<table>
  <tr>
    <td class="red"></td><td rowspan=2>100</td>
  </tr>
  <tr>
    <td class="orange"></td>
  </tr>
  
  <tr>
    <td class="yellow"></td><td rowspan=2>50</td>
  </tr>
  <tr>
    <td class="green"></td>
  </tr>
</table>

CSS

.w30 {width:30px}
.red{ background:red}
.orange { background:orange}
.yellow { background:yellow}
.green { background:green}

td:first-child{
  width:50px;
}