JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
              <table>
                <caption>Стоимость аренды прицепа МЗСА</caption>
                <tr class="table-header">
                  <th>от 1 до 3 суток</th>
                  <th>от 3 до 5 суток</th>
                  <th>от 5 и более</th>
                </tr>
                <tr>
                  <td>1000 рублей</td>
                  <td>900 рублей</td>
                  <td>700 рублей</td>
                </tr>
              </table>

CSS

body {
  background: #fff;
}
table {
  width: 100%;
  border: 5px solid #3A89C9;
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative;
  /* border-collapse: separate; */
}
table th {
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
}
table td {
  padding: 10px;
  font-weight: 700;
  text-align: center;
  font-family: 'Roboto', Arial, sans-serif;
}
table tr {
  border-bottom: 1px solid #e6e6e6;
}
table tr:first-child,
table tr:last-child {
  border: none;
}
table caption {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  position: absolute;
  background-color: #fff;
  top: -10px;
  margin-left: 20px;
  line-height: 20px;
}