how to fix veritically center the element in css?

Answer 1

the question mentioned how to vertically align elements in CSS.
the vertical-align keyword applies only in two context for inline elements.
"to vertically align an inline element's box inside its containing line box. For example, it could be used to vertically align an <img> in a line of text:"

flexbox & grid layout are more flexible for the task applies to all elements including block level.

@Vengat
can tell in which lesson & question is the keyword mentioned?
i searched but couldn't find it.

http://vanseodesign.com/css/vertical-centering/
https://css-tricks.com/what-is-vertical-align/
https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align

Answer 2

https://code.sololearn.com/Wh1vsqGKrrCU/?ref=app

Answer 3

The vertical-align keyword.
https://www.sololearn.com/Course/CSS/?ref=app