JSFiddle - React, Tailwind, and code Playground

by Nevear

HTML

<table class="vakancy">
<tbody>
<tr>
<td>
<h4>Сборщик сантехнических хомутов</h4>
<h5>Обязаности:</h5>
<p>На производство крепежных изделий на постоянную работу требуются сборщики готовой продукции</p>
<br>
<h5>Требования:</h5>
<p>усидчивость, внимательность, желание работать, отсутствие вредных привычек</p>
<h5>Условия:</h5>
<p>- график 2/2 с 7.45 до 19.45, перерыв на обед <br>- оплата сдельная <br>- официальное оформление, выплата зп на карту <br>- хороший коллектив <br>- работа в просторном теплом производственном цехе <br>- предоставляется спец. одежда, раздевалка <br>- есть возможность выхода на оплачиваемую подработку <br>- опыт работы не требуется</p>
</td>
<td><img src="https://back.svk-plast.ru/upload/images/vakancy/sborshik.jpg" alt=""><br><br><img src="https://back.svk-plast.ru/upload/images/vakancy/sborshik2.jpg" alt=""></td>
</tr>
</tbody>
</table>

CSS

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f7daa8;
  border: 1px solid #5a2418;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
  vertical-align: middle;
}

table th {
  font-size: .75em;
  text-transform: uppercase;
  font-weight: bold;
}
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tr {
  background-color: #f7daa8;
  border: 1px solid #5a2418;
  padding: .35em;
}

table th,
table td {
  padding: .625em;
  text-align: center;
  vertical-align: middle;
}

table th {
  font-size: .75em;
  text-transform: uppercase;
  font-weight: bold;
}