<div>를 inline-block할 경우에 세로 정렬 문제

Question

<div>를 inline-block해서 해상도에 따라 가운데 정렬을 하려고 하는데요.

문제는 각각의  div 세로 정렬이 맞지 않는 다는 것입니다.

방법이 없나요?

Answer 1

vertical-align: middle를 이용해보세요.