div placements

by Harm Zeinstra

HTML

<div id="page">

  <div style="" id="second">
    THIS IS FIRST WRITTEN DIV
  </div>

  <div style="" id="first">
    THIS IS THE SECOND WRITTEN DIV
  </div>

</div>

CSS

#page {
          display: flex;
        }
        
        #page > #first {
          order: 1;
          position: relative;
          width: 200px;
          height: 200px;
          color: white;
          background-color: darkblue;
        }
        
        #page > #second {
          order: 2;
          position: relative;
          width: 200px;
          height: 200px;
          color: white;
          background-color: darkred;
        }