JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tech-ticket">
    <ul class="tech-ticket-title">
        <li style="width: 100px;">таблица 1</li>
        <li style="width: 90px;">таблица 2</li>
        <li style="width: 469px;">таблица 3<br />таблица 13</li>
    </ul>
</div>
<br />
<br />
<table class="col">
    <tr>
        <td>метоксихлордиэтиламинометилбутиламиноакридинметоксихлордиэтиламинометилбутиламиноакридин</td>
        <td>метоксихлордиэтиламинометилбутиламиноакридинметоксихлордиэтиламинометилбутиламиноакридинметоксихлордиэтиламинометилбутиламиноакридин</td>
    </tr>
</table>

CSS

#tech-ticket{
  width: 729px;
  margin: 5px 0 5px 5px;
  float: left;
}
.tech-ticket-title li{
  width: 100%;
  height: 100%;
  display: inline-block;
  float: left;
  background: #344e6a;
  padding: 6px 10px;
  color: #fff;
  list-style: none;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.col td{
    background: #f0f0f0; /* Цвет фона */
    width: 230px; /* Ширина блока */
    padding: 10px; /* Поля */
    font-size: 1.5em; /* Размер шрифта */
    word-wrap: break-word; /* Перенос слов */
    float: left;
   }