Почему в этом примере несмотря на то, что свойство margin-top указано у одного элемента смещаются по вертикали все? Как исправить, не меняя свойств отображения элемента (position
, display
)?
.wrap {
position: absolute;
left: 0;
top: 0;
}
.wrap a {
position: static;
display: inline-block;
margin: 0 10px 0;
background: #bbb;
height: 100px;
width: 100px;
}
<div class="wrap">
<a href=""></a>
<a href="" style="margin-top: 10px;"></a>
<a href=""></a>
</div>