CSS의 align-items 속성의 center 값

center 값은 요소들을 교차축을 따라 중앙에 정렬할 수 있게 해줍니다:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* 교차축을 따라 중앙 정렬 */
}

코드 실행 결과: