Делаю карточку книги. Между классами с текстом делаю отступ - margin-bottom.
После класса header-text_comment отступ margin-bottom: 47px не заработал.
Прошу помощи, где ошибка?
Привожу код HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Книга "HTML и CSS. Разработка и дизайн веб-сайтов"</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header class="header">
<div class="container">
<div class="header-img">
<img src="img/html-book-m.jpg" alt="img">
</div><!-- /.header-img -->
<div class="header-text">
<div class="header-text__title">
HTML и CSS. Разработка и дизайн веб-сайтов
</div><!-- /.h -->
<div class="header-text__subtitle">
Джон Дакетт
</div><!-- /.header-text__sutitle -->
<div class="header-text_comment">
Простой визуальный способ подачи информации с понятными примерами и небольшим фрагментом кода знакомит с новой темой на каждой странице. Вы найдете практические советы о том, как организовать и спроектировать страницы вашего сайта и после прочтения книги сможете разработать свой веб-сайт профессионального вида и удобный в использовании. Никакие специальные навыки для освоения книги не требуются.
</div><!-- /.header-text_comment -->
<div class="header-text_stand">
Шкаф 2 -> Полка 11
</div><!-- /.header-text_price -->
</div><!-- /.header-text -->
</div><!-- /.container -->
</header>
</body>
</html>
И код CSS:
body {
font-family: Tahoma;
}
.container {
width: 1140px;
margin-left: auto;
margin-right: auto;
}
.header {
padding-top: 77px;
padding-bottom: 97px;
}
.header-img {
display: inline-block;
width: 39%;
vertical-align: middle;
}
.header-text {
display: inline-block;
width: 60%;
vertical-align: middle;
}
.header-text__title {
font-size: 48px;
font-weight: 700;
margin-bottom: 15px;
}
.header-text__subtitle {
font-size: 30px;
font-weight: 400;
margin-bottom: 35px;
}
header-text_comment {
font-size: 118px;
font-weight: 400;
line-height: 27px;
max-width: 500px;
margin-bottom: 47px;
}
header-text_stand {
font-size: 48px;
font-weight: 500;
}
Простой
Простой