JSFiddle - React, Tailwind, and code Playground
HTML
<table class="barcode" style="border-collapse:collapse; border:none !important; background:white; width:auto; margin: auto;">
<tr style="height: 50px;">
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
<table style="border-collapse: collapse"><tr>
<td height="50" width="4.3" style="visibility:hidden; width:4.3px; height:50px; font-size:4px; color:#FFFFFF; color:transparent; padding: 0">█</td>
</tr></table>
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
<table style="border-collapse: collapse"><tr>
<td height="50" width="2.3" style="visibility:hidden; width:2.3px; height:50px; font-size:2px; color:#FFFFFF; color:transparent; padding: 0">█</td>
</tr></table>
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
<table style="border-collapse: collapse"><tr>
<td height="50" width="2.3" style="visibility:hidden; width:2.3px; height:50px; font-size:2px; color:#FFFFFF; color:transparent; padding: 0">█</td>
</tr></table>
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
<table style="border-collapse: collapse"><tr>
<td height="50" width="2.3" style="visibility:hidden; width:2.3px; height:50px; font-size:2px; color:#FFFFFF; color:transparent; padding: 0">█</td>
</tr></table>
</td>
<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
<table style="border-collapse:...