Is it possible to have 3 div blocks arranged in a specific order? How can I position div 3 below div 1 without changing the layout, as div 3 is responsible for form submission?
.div1 {
width: 100px;
height: 100px;
border: 1px solid;
}
.div2 {
width: 100px;
height: 500px;
border: 1px solid;
}
.div3 {
width: 100px;
height: 100px;
border: 1px solid;
}<div style="display:flex;">
<div class="div1">
div1
</div>
<div class="div2">
div2
</div>
</div>
<div style="display:flex;">
<div class="div3">
div3
</div>
</div>