JSFiddle - React, Tailwind, and code Playground

HTML

<table id="apartment"><tr><td>3</td><td class="status"><div>ТЕКСТ</div><strong>ТЕКСТ</strong><p>ТЕКСТ<br />ТЕКСТ<br />ТЕКСТ</p><span>до:00.00</span></td><td class="status"><div>ТЕКСТ</div><strong>ТЕКСТ</strong><p>ТЕКСТ<br />ТЕКСТ<br />ТЕКСТ</p><span>до:00.00</span></td><td class="status"><div>ТЕКСТ</div><strong>ТЕКСТ</strong><p>ТЕКСТ<br />ТЕКСТ<br />ТЕКСТ</p><span>до:00.00</span></td> </tr><tr><td>2</td><td class="status"><div>ТЕКСТ</div><strong>ТЕКСТ</strong><p>ТЕКСТ<br />ТЕКСТ<br />ТЕКСТ</p><span>до:00.00</span></td><td class="status"><div>ТЕКСТ</div><strong>ТЕКСТ</strong><p>ТЕКСТ<br />ТЕКСТ<br />ТЕКСТ</p><span>до:00.00</span></td><td class="status"><div>ТЕКСТ</div><strong>ТЕКСТ</strong><p>ТЕКСТ<br />ТЕКСТ<br />ТЕКСТ</p><span>до:00.00</span></td></tr><tr><td>1</td><td class="status"><div>ТЕКСТ</div><strong>ТЕКСТ</strong><p>ТЕКСТ<br />ТЕКСТ<br />ТЕКСТ</p><span>до:00.00</span></td><td class="status"><div>ТЕКСТ</div><strong>ТЕКСТ</strong><p>ТЕКСТ<br />ТЕКСТ<br />ТЕКСТ</p><span>до:00.00</span></td><td class="status"><div>ТЕКСТ</div><strong>ТЕКСТ</strong><p>ТЕКСТ<br />ТЕКСТ<br />ТЕКСТ</p><span>до:00.00</span></td></tr></table>

CSS

#apartment{border-collapse: collapse;background: #F0F5FA;font-size: 9px;line-height: 11px;}#apartment td{padding: 0;vertical-align: top;width: 151px;height: 75px;border: 2px solid #D0DBE2;}#apartment div{color: #fff;text-align: center;height: 11px;font-size: 10px;}#apartment strong{padding: 3px;width: 143px;display: block;font-size: 14px;font-weight: bold;display: inline-block;line-height: 16px;color: green;height: 16px;background: #FFF;margin: 0 1px;}#apartment p{background: #FFF;margin: 0;padding: 3px;height: 34px;margin-left: 1px;width: 101px;float: left;}#apartment span{background: #FFF;padding: 3px;display: block;margin-right: 1px;width: 36px;float: right;height: 34px;}#apartment tr td:first-child {width:14px;font-size:12px;text-align:center;line-height:75px;background: #D0DBE2;}.status{background: green;}