Edit in JSFiddle

<div class="horizontal">
  <div>DIV1</div>
  <div>DIV2</div>
  <div>DIV3</div>
  <div>DIV4</div>
  <div>DIV5</div>
  <div>DIV6</div>
</div>
<div class="vertical">
  <div>DIV1</div>
  <div>DIV2</div>
  <div>DIV3</div>
  <div>DIV4</div>
  <div>DIV5</div>
  <div>DIV6</div>
</div>

div {
  /* 이 부분은 div를 표시하기 위한 부분이니 신경쓰지 마세요 */
  background-color: green;
  color: white;
  margin: 3px 0;
}

.horizontal {
  display: flex;
  flex-direction: row; /* 기본값은 row이기 때문에 이 줄은 생략해도 무관하다. */
}

.vertical {
  display: flex;
  flex-direction: column;
}