[html]
<style>
.back {
background: url(https://forumstatic.ru/files/000e/3d/70/68962.png) center top fixed repeat, #301d0d17;
margin: 5px;
padding: 5px;
max-height: 345px;
box-shadow: 2px 1px 4px 0px #34170d6e;
border: solid 8px #786a5b;
}
.name {
margin: 0px 10px 10px;
padding: 10px 10px 7px 0;
font-family: Eb Garamond;
text-align: center;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.quot {
font-size: 10px;
text-align: center;
font-weight: normal;
margin-top: -1px;
margin-bottom: 7px;
}
div.imges {
width: 321px;
padding: 0 10px;
margin-left: 5px;
min-height: 120px;
display: inline-block;
text-align: center;
}
div.imges img {
border: solid 4px #a79480;
}
.text {
max-width: 411px;
padding: 0px 10px;
text-align: justify;
display: inline-block;
font-family: Eb Garamond;
font-size: 16px;
color: #241405;
letter-spacing: -0.5px;
line-height: 16px;
text-shadow: 0 0 #3a2d1f;
vertical-align: top;
}
</style>
<!-- НАЧАЛО ФОРМЫ ---->
<div class="back">
<div class="name">
Зал славы Хогвартса
<div class="quot">
как говорят знатоки, нет страшнее наказанья, чем чистить кубки в зале славы
</div>
</div>
<div class="imges">
<img src="https://i.imgur.com/Qg2B1vQ.jpg">
</div>
<div class="text">
Это зал в Хогвартсе, где собраны все награды его учеников: кубки по квиддичу, почётные грамоты, отличительные значки и тому подобные вещи. Очевидно, выставляемые награды не имеют срока давности.
</div>
</div>
<!-- КОНЕЦ ФОРМЫ ---->
[/html]