How to center an element vertically?

Question

There are a lot of ways of achieving this, like negative margin, position, transform, line-height, flex-box .etc.

Do think difference situations where each approach is suitable.

Source

Source From