@davidrussen

Как разместить два div на одном уровне (горизонтальна)?

Помогите с проблемой. нашёл себе задание в интернете по практиковаться в вёрстке. Не получается разместить надписи как на макете, не понимаю почему.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="бытовая техника, всё для кухни">
<link rel="stylesheet" href="assets/css/style.css">
<title>сайт компаний</title>
</head>
<body>
<div class="main">
<div class="header">

<div class="logo_text">
<h1>Название компании</h1>
<h2 class="type">Самая клёвая компания</h2>
<div class="logo_number">
<h1>+7(444)7777777</h1>
<h1>+7(444)7777777</h1>
<h2>обратная связь</h2>
</div>
</div>

</div>


<div class="menu">
<ul>
<li>Главная</li>
<li>Каталог</li>
<li>Доставка и оплата</li>
<li>Прайс-лист</li>
<li>Контакты</li>
</ul>
</div>


<div class="slide">

</div>

<div class="content">

</div>

<div class="footer"></div>
</div>
</body>
</html>

*{
margin:0;
padding:0;
box-sizing: border-box;

}

.header{
background-color:#e4ec04;
height: 230px;
font-size:0.8;

}


.logo_text{
padding:73px 0 0 324px;


}

.logo_number{
float:right;
/*padding:0 211px 110px 0 ;*/
width:19% ;
}

h2{
padding:23px 0 0 0;
font-size:0.9em;
}
  • Вопрос задан
  • 309 просмотров
Пригласить эксперта
Ответы на вопрос 1
Попробуйте обернуть эти блоки в ещё один блок и используйте флексы.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы