Узнать, как создать таблицу по центру используя HTML, CSS.
Таблица по центру
| Имя | Фамилия | Возраст |
|---|---|---|
| Татьяна | Щипунова | 48 |
| Кристина | Щипунова | 26 |
| Андрей | Щипунов | 55 |
Как создать таблицу по центру
Шаг 1) Добавьте HTML:
<table class="center">
<tr>
<th>Имя</th>
<th>Фамилия</th>
<th>Возраст</th>
</tr>
<tr>
<td>Татьяна</td>
<td>Щипунова</td>
<td>48</td>
</tr>
<tr>
<td>Кристина</td>
<td>Щипунова</td>
<td>26</td>
</tr>
<tr>
<td>Андрей</td>
<td>Щипунов</td>
<td>55</td>
</tr>
</table>
Шаг 2) Добавьте CSS:
Чтобы отцентрировать таблицу, установите левое и правое поля на auto:
.center {
margin-left: auto;
margin-right: auto;
}
Попробуйте сами »
Обратите внимание, что таблица не может быть отцентрирована, если ее ширина установлена на 100% (полная ширина).
Совет: перейдите в наше Учебное пособие по таблицам CSS, чтобы узнать больше о том, как стилизовать таблицы.