Есть контейнер div
с двумя блоками p
которые позиционированы относительно левой стенки контейнера, я захотел переместить первый блок относительно правой стенки, но не получается. Почему так происходит?
div {
width: 500px;
height: 500px;
border: 1px black solid;
position: relative;
}
p {
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 50px;
border: 1px black solid;
}
div p:first-child {
right: 110px;
}
<div>
<p class="q1"></p>
<p></p>
</div>