JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<caption>Свойства шрифта</caption>
<tr>
<th>Свойство</th>
<th>Цель</th>
</tr>
<tr>
<td class="code">font-family</td>
<td>Указывает примененный шрифт</td>
</tr>
<tr>
<td class="code">font-size</td>
<td>Указывает размер использованного шрифта.</td>
</tr>
<tr>
<td class="code">font-style</td>
<td>Указывает, должен ли шрифт быть обычным, курсивным или наклонныи.</td>
</tr>
<tr>
<td class="code">font-weight</td>
<td>Указывает, должен ли шрифт быть обычным, жирным или тоньше.</td>
</tr>

</table>

CSS

table{
background-color:#efefef;
width:350px;
border-style:solid;
border-width:1px;
border-color:#999999;
font-family:arial, verdana, sans-serif;
}
caption{
font-weight:bold;
text-align:center;
border-style:solid;
border-width:1px;
border-color:#666666;
color:#666666;
}
th{
height:50px;
font-weight:bold;
text-align:left;
background-color:#cccccc;
}
td, th{
padding:5px;
}
td.code{
width:150px;
font-family:courier, courier-new, serif;
font-weight:bold;
text-align:right;
vertical-align:top;
}
th{
border-spacing:2px; 4px;
}