Как сделать с помощью css смещение текста в таблице на 20% от ширины ячейки? Заголовок таблицы оставить по центру.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
th {
width: 180px;
height: 120px;
}
td {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20%;
}
</style>
</head>
<body>
<table border="3">
<tr>
<th>Порядковый номер блока</th>
<th>Размер шрифта</th>
<th>Семейство шрифта</th>
<th>Тип границы блока</th>
<th>Цвет границы блока</th>
</tr>
<tr>
<td>1</td>
<td>23px</td>
<td>Arial, sans-serif</td>
<td>solid</td>
<td>black</td>
</tr>
<tr>
<td>2</td>
<td>16px</td>
<td>Lucida Console, sans-serif</td>
<td>dashed</td>
<td>red</td>
</tr>
<tr>
<td>3</td>
<td>7.2px</td>
<td>Tahoma, sans-serif</td>
<td>thick double</td>
<td>blue</td>
</tr>
<tr>
<td>4</td>
<td>17.4px</td>
<td>Times New Roman, sans-serif</td>
<td>ridge</td>
<td>yellow</td>
</tr>
<tr>
<td>5</td>
<td>14.4px</td>
<td>Verdana, sans-serif</td>
<td>dotted</td>
<td>green</td>
</tr>
</table>
</body>
</html>