0
Изображение с классом call-img
не должно плавать, так как я использовал clear:both
для этого. Но это так и есть.Почему мое изображение плавает даже после использования clear: both?
HTML:
<header>
<img class="logo-img" src="images/logo.png">
<div class="topnav-link">
<span>Menu </span>
<img class="menu-img" src="images/menu.png">
</div>
<img class="call-img" src="images/call.png">
</header>
CSS:
header {
padding-top: 2.5em;
}
.logo-img {
float: left;
width: 130px;
}
.menu-img {
width: 20px;
}
.topnav-link {
float: right;
color: white;
font-size: .8em;
}
.menu-img,
.topnav-link span {
vertical-align: middle;
}
.call-img {
display: inline-block;
clear: both;
align: center;
}
Вы хотите, чтобы 'колл-img' на следующей строке не та же линия? – Wowsk
Пожалуйста, ответьте на комментарий и сообщите нам, что хотите изображение в следующей строке или что? –