vertical-align(수직 정렬)
vertical-align: 인라인 블록 또는 테이블 셀 상자의 수직 정렬을 설정한다.
-vertical-align의 초기값 - baseline
예제: border안에 다 넣기
inline-grid
- Grid : 두 방향(가로-세로) 레이아웃(2차원) / Flex - 1차원
이거는 참고링크를 계속봐야 이해할 수 있을 것 같다.
box-sizing
- box-sizing : 요소의 크기를 계산할 때 크기의 기준을 설정
- content-box(콘텐츠 영역)만 계산할지, border-box(콘텐츠+패딩+테두리 포함)를 기준으로 계산할지 지정
- 초기값 : content-box
inline-grid, box-sizing 예제: 화면 꽉 채우기
