Редактор Онлайн

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
caption {caption-side:bottom;}
</style>
<link rel="stylesheet" type="text/css" href="https://setmar.ru/imgs/css/style.css">

</head>

<body>

<table border="1">
<caption>Таблица 1.1 Книги и авторы</caption>
<tr>
  <th>Книга</th>
  <th>Автор</th>
  <th>Категория</th>
</tr>
<tr>
<td>Приключения Тома Сойера</td>
<td>Марк Твен</td>
<td>Художественная</td>
</tr>
<tr class="alt">
<td>Гордость и предубеждение</td>
<td>Джейн Остен</td>
<td>Художественная</td>
</tr>
<tr>
<td>Происхождение видов</td>
<td>Чарльз Дарвин</td>
<td>Научная</td>
</tr>
<tr class="alt">
<td>Лавка древностей</td>
<td>Чарльз Диккенс</td>
<td>Художественная</td>
</tr>
<tr>
<td>Ромео и Джульетта</td>
<td>Вильям Шекспир</td>
<td>Пьеса</td>
</tr>
<tr class="alt">
<td>Вий</td>
<td>Максим Гоголь</td>
<td>Мистика</td>
</tr>
<tr>
<td>Кинжал челлини</td>
<td>Джеймс Х. Чейз</td>
<td>Детектив</td>
</tr>
</table>

<p><b>Замечание:</b> IE8 поддерживает свойство caption-side 
только если указан тип документа (!DOCTYPE).</p>
</body>
</html>

Ваш Результат:

Отредактируйте код сверху и кликните кнопку, чтобы посмотреть результат.

Уроки CSS - Попробуйте сами