Deep dive CSS: font metrics, line-height and vertical-align
![](https://iamvdo.me/content/01-blog/30-css-avance-metriques-des-fontes-line-height-et-vertical-align/vertical-align-top-bottom-text.png)
An introduction to the inline formatting context. Explores line-height and vertical-align properties, as well as the font metrics. Understand how text is rendered on screen, and how to control it with CSS.
![](https://image.slidesharecdn.com/deep-dive-line-height-v3-160730033225/85/deep-dive-into-lineheight-30-320.jpg?cb=1666812113)
Deep Dive into Line-Height
![](https://miro.medium.com/v2/resize:fit:1112/1*hiTjHEid-o9HI2GnM7-otw.png)
UX Golden Tip #1. The Magic Number for Line Height.
![](https://s.dou.ua/img/announces/front8_tNUwaUz.png)
Front-Еnd дайджест #22: Instagram на React Native, React паттерны, Front-End HandBook
javascript - 你的垂直居中有问题?我竟无法反驳🤦🏻♂️ - 个人文章- SegmentFault 思否
![](https://kinsta.com/wp-content/uploads/2024/01/wp-advanced-css-techniques.jpg)
Mastering advanced CSS techniques - Kinsta®
![](https://www.w3cplus.com/sites/default/files/blogs/2017/1702/vertical-align-strut.png)
深入了解CSS字体度量,行高和vertical-align_CSS, line-height 教程_W3cplus
![](https://images.ctfassets.net/r9o86ar0p03f/journey-in-native-unicode-emoji-cover.png/70b74f3ccdd505deec7bd7aa19588e39/journey-in-native-unicode-emoji-cover.png?fm=webp&w=820&h=500)
Our journey in switching to native Unicode emoji
![](https://archive.smashing.media/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/8ce11965-8eab-4e3f-b6f6-0805ebef027f/accurate-alignment.jpg)
CSS Baseline: The Good, The Bad And The Ugly — Smashing Magazine
![](https://atadistance.net/wp-content/uploads/2019/04/fullsizeoutput_95db-1024x768.jpeg)
The State of CSS and Japanese Typography – AtaDistance
![](https://longviewcoder.files.wordpress.com/2021/02/2021-02-11_15-59-09.gif)
Konva – HTML5 canvas text line height measurement – Coding for the
![](https://solidwp.com/wp-content/uploads/2017/02/free-web-design-courses.jpg)
18 Free Web Design Courses to Learn Web Design - SolidWP
![](https://i.pinimg.com/474x/52/f2/66/52f266633574e1513922a30e6af265fa.jpg)
My guest post on css-tricks on inline SVG in practice
![](https://i.pinimg.com/736x/8f/a5/fa/8fa5fa46b571db21c79bda208d6263c3.jpg)
Deep dive CSS: font metrics, line-height and vertical-align