The vertical-align property
Link: The vertical-align property
The vertical-align property controls the vertical positioning of elements within their parent. It applies to inline-level elements and table-cell elements.
CSS’s vertical-align property is always confusing for web design beginners. The main reason is because they want to vertical align block level element. Sorry, vertical-align is for inline element. If you need to center align block level elements, try Flexbox.