Vertically centering content of :before/:after pseudo-elements

Question

I\'m trying to achieve something similar to this picture:

I have an im

Answer 1

Using flex box, you should set a fixed width and height in the parent first then

div::after {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}