Привет, подскажите, почему позиционирование при помощи margin идёт относительно дива, а не пвсевдоэлеменота before? Где ошибка?
.why-block-wrap необходимо позиционировать с помощью margin относительно .why-block1::before. На деле позиционирование происходит относительно why-block1 без before
<div class="why">
<p class="why-title">1</p>
<div class="devider why-devider">
<p></p>
</div>
<div class="why-block1">
<div class="why-block-wrap">
<div class="why-block-element">
<p>2</p>
<p>3</p>
</div>
</div>
</div>
</div>
.why-block1 {
background-color: #202020;
padding-top: 115px;
position: relative;
}
.why-block1::before {
content: "";
background: url('../img/why-block1.jpg') center top no-repeat;
width: 26%;
height: 100%;
display: block;
background-size: cover;
position: absolute;
left: 0;
top: 0;
}
.why-block-wrap {
width: 74%;
max-width: 800px;
margin: 0 auto 0 0;
}
.why-block-element {
text-align: left;
}
Средний
