The CSS propertyvertical-align: baselinealigns the baseline of the element with the baseline of its parent. For inline elements like images, the baseline alignment means that the bottom of the image aligns with the bottom of the text.
* CSSvertical-alignProperty:
* Baseline Alignment: Aligns the baseline of the element with the baseline of its parent.
* Example:
<p>Hello World<img src="sample.jpg" style="vertical-align:baseline"></p>
* Analysis:
* The<img>element withvertical-align: baselinewill align its bottom with the bottom of the surrounding text "Hello World".
:
MDN Web Docs -vertical-align
W3C CSS Inline Layout Module Level 3