JSFiddle - React, Tailwind, and code Playground

by pj_js15

HTML

<div class="consumer-unit-info">
  <table>
    <tr>
      <th>Qty</th>
      <th>Base conumer GTIN</th>
    </tr>
    <tr>
      <td>1</td>
      <td>1231231231</td>
    </tr>
  </table>
</div>

CSS

.consumer-unit-info{
  border: 1px solid red;
}

table, td, th {
  border: 1px solid #ccc;
  font-size: 11px;
  line-height: 12px;
  padding: 8px 10px;
}
table {
  border-collapse: collapse;
  border-color: #CCC;
  margin-top: 10px;
}
td, th{
  min-width: 40px;
  text-align: center;
  padding:5px; 
  margin:0;
}