Добрый вечер, мне нужно что бы объекты header были в одну строку, но так, что бы телефон был справа, ближе в лого, а "вход" справа (как на фото). Почему-то когда указываю justify-content, то не получается. Если получится, укажите на ошибку.
<body>
<!-- Header -->
<div class="container">
<div class="header">
<img src="img/logo.png" alt="">
<div class="v">
<div class="header_help">
<p class="header_help_tel">888-888-88-88</p>
<p class="header_help_txt">Потдержка специалистов</p>
</div>
<div class="heder_signin">
<img src="img/arrow.png" alt="">
<p class="header_save_text">Просчеты</p>
<div class="heder_line"></div>
<img src="img/sign in.png" alt="">
<p class="header_signin_text">Войти</p>
</div>
</div>
</div>
</body>
/* Header
==========================*/
.header {
padding: 25px 0;
display: flex;
align-items: center;
}
.v{
justify-content: space-between;
align-items: center;
display: flex;
}
.heder_signin {
justify-content: right;
display: flex;
align-items: center;
}
.header_help {
margin: 0 60px;
}
.header_help_tel {
font-weight: 700;
color: #126CB5;
}
.header_save_text {
margin-left: 10px;
}
.header_signin_text {
margin-left: 10px;
font-weight: 700;
}
.heder_line {
margin: 0 20px;
height: 40px;
border-left: 2px solid #F0F0F0;
}
Простой
Средний