vertical-align 은 컨덴츠의 상하 정렬을 지정하는 역활을 한다.

그것이 프레임의 상단에 맞추던가 하단에 맞추던가가 아니라. 좀더 쉽게 img 의 absmiddle, abstop, absbottom 과 같다고 보면 된다.

위 한장의 예제 사진이 좀더 이해를 도울것이다.

웹 디자인을 하다보면, inline-block 개체들의 상하정렬이 맞지 않는 경우가 있는데 그럴경우 vertical-align 을 사용하면 개체의 상하 정렬이 재 지정되어 보다 깔끔하게 볼수 있다.