flex, justify-content 자료 중앙에 배치시키기 높이 100 픽셀 안에서 가로 세로 중앙 수평 에 위치하게 된다. justify-content: space-around; 왼쪽 마진 , 오른쪽 마진 적당히 남기고 배열된다. .box{ display: flex; justify-content: space-around; align-items: center; height: 100px; padding: 0.5em; border: 1px solid #f00; }