Делаю сайт
Между двумя блоками div
есть пространство буквально в 1px
, и снизу блока то же самое.
Все margin'ы я обнулил, откуда они взялись и как их убрать, чтобы блоки вплотную стояли?
Знаю, что можно сделать с помощью float, но хотелось бы оставить display: inline-block
.
* {
margin: 0;
}
body {
background-color: #f3f3f3;
}
.header {
border: 1px solid red;
}
.header__left {
background-image: url(../images/1.png);
width: 65%;
height: 715px;
display: inline-block;
}
.header__right {
background-image: url(../images/2.png);
width: 34%;
height: 715px;
display: inline-block;
}
<div class="header">
<div class="header__left"></div>
<div class="header__right"></div>
</div>
<div class="mider">
<div class="mider__left"></div>
<div class="mider__right">
<div class="mider__right-top"></div>
<div class="mider__right-bot"></div>
</div>
</div>
<div class="footer">
<div class="footer__left"></div>
<div class="footer__right"></div>
</div>