よく使用する例

display:flex;

▼CSS

.flexdiv{

  display:flex;

}

▼HTML

<div class="flexdiv">

  <任意のタグ1>

  <任意のタグ2>

  <任意のタグ3>

  <任意のタグ4>

  <任意のタグ5>

</div>

---

order:★★;

同じ番号を複数記述すると、HTML構成要素順に表示される
※重なって表示されたりはしない

▼CSS

.flexdiv h4 {

  order:3;

}

.flexdiv img {

  order:1;

}

.flexdiv p {

  order:2;

}

▼HTML

<div class="flexdiv">

  <h4></h4>

  <img>

  <p></p>

</div>