JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="item1">1</div>
  <div class="item2">2</div>
  <div class="item3">3</div>
  <div class="item4">4</div>
  <div class="item5">5</div>
</div>

CSS

.wrapper {
	display: flex;
}

.item1 {
  order: 0; /* 初期値 */
}
.item2 {
  order: 0; /* 初期値 */
}
.item3 {
  order: 0; /* 初期値 */
}
.item4 {
  order: 1; /* 一番大きい数なので右端に */
}
.item5 {
  order: -1; /* 一番小さい数なので左端に */
}