How can I reorder my divs using only CSS?

Question

Given a template where the HTML cannot be modified because of other requirements, how is it possible to display (rearrange) a div above another div

Answer 1

Just use flex for the parent div by specifying display: flex and flex-direction : column. Then use order to determine which of the child div comes first