CodePen Embed - Порядок элементов

<div class="box">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
</div>

<div class="box">
  <div style="order: 4">1</div>
  <div style="order: 2">2</div>
  <div style="order: 3">3</div>
  <div style="order: 1">4</div>
  <div style="order: 5">5</div>
</div>

.box {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.box div {
  margin: 10px;
  padding: 10px;
  border: 1px solid #000;
  background-color: yellow;
}

This Pen is owned by Ruslan Kundius on CodePen.

See more by @kundius on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.