Здравствуйте, я пытаюсь сделать нижний колонтитул с изображением, поэтому я не могу правильно настроить свою веб-страницу, пожалуйста, помогите ... Я хочу добиться чего-то вроде этого: *
Ссылка CodePen: https://codepen.io/Sherrinford03/pen/yGKaQb
Что я хочу
как далеко я зашёл
<div class="footer">
<div class="part">
<div class="body_of_part">
<img src="images/brochure.jpg" align="bottom">
</div>
</div>
<div class="part">
<div class="body_of_part">
<span class="Title_of_departments">ADDRESS</span>
<span class="Body_of_cap">SOMEADD</span>
</div>
</div>
<div class="part">
<div class="body_of_part">
<span class="Title_of_departments">Contact us</span>
<span class="Body_of_cap">
Email<br>
SOMEMAIL
</span>
</div>
</div>
</div>
... CSS
.footer{
display: table;
text-align: center;
margin:20vh 0vw 0 0 ;
padding:0 0 0 0;
background: #222222;
}
.part img{
vertical-align: middle;
display: table-cell;
width: 20vw;
}
.footer .part{
height: 40vh;
border-left: 1px solid #353535;
display: inline-block;
width:20vw;
}
.part .Body_of_cap{
font-size: 18px;
}
Можете ли вы помочь мне! Я искал решение около 2 часов ... Пожалуйста, помогите!