JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<table style='width:100%;'>
<thead>
  <tr>
    <td style='width:15%'>Glosa</td>
    <td colspan='2' style='width:27%'>Cuenta</td>
    <td style='width:10%'>Debe</td>
    <td style='width:10%'>Haber</td>
    <td style='width:14%'>Item</td>
    <td style='width:14%'>CC</td>
    <td colspan='2' style='width:10%'><span style='width:99%'>Opciones</span></td>
  </tr>
</thead>
  <tr>
    <td style='width:15%'><input type="text" style='width:99%'></td>
    <td style='width:10%'><input type="text" style='width:99%'></td>
    <td style='width:17%'><select style='width:99%'></select></td>
    <td style='width:10%'><input type="text" style='width:99%'></td>
    <td style='width:10%'><input type="text" style='width:99%'></td>
    <td style='width:14%'><select style='width:99%'></select></td>
    <td style='width:14%'><select style='width:99%'></select></td>
    <td style='width:5%;text-align:center;'><span style='width:99%'>1</span></td>
    <td style='width:5%;text-align:center;'><span style='width:99%'>2</span></td>
  </tr>
</table>

CSS

table  td  select{
  height: 21.5px;
}
input, select{
  margin-left:5px;
}
span{
  width:20px;
  height: 20px;;
}
span:nth-child(1){
  background-color:green;
}
thead{
  text-align:center;
}