JSFiddle - React, Tailwind, and code Playground

by Alon Rotem

HTML

<div class="chart-container">
<table>
  <tr><td><div class="len" style="width:50%"></div></td></tr>
  <tr><td><div class="len" style="width:70%"></div></td></tr>
  <tr><td><div class="len" style="width:20%"></div></td></tr>
  <tr><td><div class="len"></div></td></tr>
</table>
</div>

CSS

.chart-container {
  width: 400px;
}

.chart-container table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;  
}

.chart-container td, 
.chart-container tr {
  padding: 0;
}

.len {
  border: 2px solid black;
  height: 20px;
}