CSS vertical-align(inline 요소 세로 정렬)

vertical-align을 사용해서 inline 요소를 vertial에서 정렬할 수 있다. 생각보다 굉장히 복잡하다.

자식 태그들의 공간에 따라 linebox 크기가 정해진다. 

 

 

 

 

참고 사이트

http://iamvdo.me/en/blog/css-font-metrics-line-height-and-vertical-align

https://wit.nts-corp.com/2017/09/25/4903

https://www.w3schools.com/cssref/pr_pos_vertical-align.asp

https://aboooks.tistory.com/171

https://www.w3.org/Style/XSL/TestSuite/results/4/XEP/baseline-shift.pdf

http://www.myfirstfont.com/glossary.html

https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

http://falcon80.com/HTMLCanvas/TextManipulation/SpecifyBaseline.html