Edit in JSFiddle

<div class="parent">
    <div class="first">
        Lorem ipsum dolor <br>
        sit amet, consectetur <br>
        adipiscing elit.
    </div>
    <div class="second">
        123
    </div>
    <div class="third">
        Never laugh at <br>
        live dragons
    </div>
</div>
.first,
.second,
.third {
  display: inline-block;
  float: left;
}
.first  { background-color: #ffe9a9; }
.second { background-color: #c2ffa9; }
.third  { background-color: #cbe9ff; }

/* Override with FlexBox rules */

.parent {
  display: flex;
  flex-wrap: wrap;
}
.first {
  order: 3;
  flex-basis: 100%;
}
.second {
  order: 2;
  flex-basis: 50%;
}
.third {
  order: 1;
  flex-basis: 50%;
}