У меня всегда были проблемы с позиционировкой элементов в коде. Есть main-header, а у него есть два "подчинённых":
- left-header;
- right-header;
Проблема в том, что два "подчинённых" ни в какую не хотят объединиться. Помогите решить ламеру его проблему, пожалуйста.
Вот мой прекрасный г*вно-код:
Кликабельноheader {
background: gray no-repeat;
background-size: cover;
width: auto;
height: 450px;
}
header .main-header {
background-color: black;
opacity: 0.7;
}
header .main-header a{
color: white;
position: relative;
padding: 20px 15px;
float: left;
font-family: 'Thasadith', sans-serif;
}
header div.left-header {
width: 900px;
height: 60px;
font-size: 18px;
}
header div.left-header img{
width: 60px;
padding: 0 30px;
float: left;
}
header .main-header a:hover{
border-bottom: 1px solid white;
transition: .3s;
padding: 18px 15px;
}
header div.right-header {
width: 300px;
height: 60px;
font-size: 18px;
float: right;
}
Онлайн версия
P.S. Знаю, как тяжело копаться в чужом г*вне, поэтому и сделал онлайн версию для удобства. :)
Простой
Средний
