Создайте веб-страницу, показанную на рис. 1, используя inline-block.
Рис. 1
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Пишите нам</title>
<style>
.contact {
width: 400px; /* Общая ширина */
margin: auto; /* Выравниваем по центру */
border-bottom: 4px solid #61322a;
font-size: 0; /* Убираем промежуток между блоков */
}
.contact > div {
width: 50%; /* Ширина блоков */
font-size: 16px; /* Размер текста */
padding-left: 30px; /* Расстояние слева */
display: inline-block; /* Выстраиваем по горизонтали */
vertical-align: middle; /* Выравниваем по центру */
}
.contact > .image {
padding-left: 10px; /* Расстояние слева */
vertical-align: middle; /* Выравниваем по центру */
}
</style>
</head>
<body>
<div class="contact">
<img src="image/mail.png" alt="" width="140" class="image">
<div class="mail">Пишите нам по адресу info@webref.ru</div>
</div>
</body>
</html>