JSFiddle - React, Tailwind, and code Playground

by Artem Pryanishnikov

HTML

<div class="page">

<dd class="field-entry tstyle">
				<span class="field-label">Технические характеристики (таблица): </span>
<span class="field-value"><table style="height: 339px;" width="877">
<tbody>
<tr style="height: 31px;">
<td style="width: 427px; height: 31px;">ВЫФВФывфы</td>
<td style="width: 434px; height: 31px;">ыфвФЫ</td>
</tr>
<tr style="height: 27px;">
<td style="width: 427px; height: 27px;">ВфывФЫВФы</td>
<td style="width: 434px; height: 27px;">
<p>вФЫВВВВВВВВВВВВВВВВВВ</p>
<p>ВВВВВВВВВВВВВВВВВВВВВddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
<p>ВВВВВВВВ</p>
<p>ВВВВВВВВВВВ</p>
</td>
</tr>
<tr style="height: 31px;">
<td style="width: 427px; height: 31px;">ВфывФЫВЫФВ</td>
<td style="width: 434px; height: 31px;">ВфывфывВ</td>
</tr>
<tr style="height: 31px;">
<td style="width: 427px; height: 31px;">ВФывфывв</td>
<td style="width: 434px; height: 31px;">Вфыввфыв</td>
</tr>
<tr style="height: 31px;">
<td style="width: 427px; height: 31px;">вфыВФЫВФЫВ</td>
<td style="width: 434px; height: 31px;">ВфывФЫВФЫв</td>
</tr>
<tr style="height: 31px;">
<td style="width: 427px; height: 31px;">ВФЫвфыВВ</td>
<td style="width: 434px; height: 31px;">фыВФЫвыфВФЫВ</td>
</tr>
<tr style="height: 31px;">
<td style="width: 427px; height: 31px;">ФЫвфЫВЫФвфыв</td>
<td style="width: 434px; height: 31px;">ФЫВфывфыВФывЫФВВфыв</td>
</tr>
<tr style="height: 32px;">
<td style="width: 427px; height: 32px;">ФЫВФЫвФЫВфывфЫВ</td>
<td style="width: 434px; height: 32px;">фывфЫВфывФЫВФЫв</td>
</tr>
<tr style="height: 32px;">
<td style="width: 427px; height: 32px;">вФЫВфывФЫВ</td>
<td style="width: 434px; height: 32px;">ВфывФЫВФыв</td>
</tr>
</tbody>
</table></span>
		</dd>
    </div>

CSS

.page{
  width:1300px;
  border:1px double red; 
}
.tstyle{
  min-width:1200px;
  max-width:1920px;
  margin:auto;
  text-align:center;
  background:#d4eaff;
}
.tstyle table {
  left:0%;
  width:1200px;
  margin:0 auto;
  border-collapse:collapse;
  text-align:right;
  table-layout:fixed;
  border: 1px #A9A9A9;
}
.tstyle tbody{
  
}
.tstyle tr{
  
}
.tstyle tr:hover{
  background:white;
}
.tstyle td{
 width:600px;
 margin:10px 10px;
 padding: 10px 10px;
 width: 100%;
 border-bottom: 1px #A9A9A9;
    max-width: 100%;
    word-wrap: break-word;
}
.tstyle tr,th{
  
  }
.tstyle table td:first-child {text-align: left;} /* выравнивание по центру*/