[CSS] vertical-align 수직정렬

vertical-align

inline 요소와 inline-block 요소를 수직정렬할때 사용

 

 

 

파란색 박스와 노란색 박스가 빨간색 박스 밑으로 수직정렬을 하고 싶을때 사용하면

 

 

 

 

 

이렇게 수직 정렬이 된다! 단, 파란색과 노란색 박스 둘 다에게 적용해야함

 

.box {
  display: inline-block;
  height: 100%;
  vertical-align: top; 
}