JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
    <div class="tr">
        <div class="td">Описание номеров</div>
        <div class="td">Количество номеров</div>
        <div class="td" style="">Before 04.07</div>
        <div class="td">05.07-25.08</div>
    </div>
    <div class="tr">
        <div class="td">Полу Люкс</br>Астана (3 мест)</div>
        <div class="td">27</div>
        <div class="td">$45</br>цена за место</div>
        <div class="td">$60</br>цена за место</div>
    </div>
</div>

CSS

.table {
      width: 100%;
      margin: 0 auto;
      border: 1px solid #2B2937;
      border-collapse: collapse;
      height: 150px;
      display: table;
  }
  .tr {
      display: table-row;
  }
  .td {
      display: table-cell;
      border: 1px solid #000;
      text-align: center;
  }