You can use flex order. You’ll have to add a container or use the current containing element and give it a display: flex
property.
.cont{
display: flex;
flex-direction: column;
}
.c1{
order: 2;
}
.c2{
order: 1;
}
<div class="cont">
<div class="c1">
<p> THIS IS DIV 1> </p>
</div>
<div class="c2">
<p> THIS IS DIV 2> </p>
</div>
</div>
1
solved How can i make div 1 appear below in div 2 using css [duplicate]