Что нужно сделать, чтобы красный квадрат был между белым фоном и оранжевым квадратом, я попыталась использовать "position: absolute;" и "position: relative;", но ничего не получилось P.s если можно, без вынесения элемента "three" в html
* {
padding: 0 auto;
margin: 0 auto;
}
.body {
background: white;
}
.one {
height: 100vh;
width: 500px;
background: orange;
}
.two {}
.three {
height: 100px;
width: 100px;
background: red;
}
<div class="one">
<div class="two">
<div class="three"></div>
</div>
</div>