CSS vertical-align property with the middle value

The middle value of the vertical-align property aligns the middle of the elements with the middle of the parent's x-height. For reference, the x-height is the height of the text without the character ascenders (the upper strokes in letters like f, t, b, or h) and descenders (the lower strokes in letters like q, y, or j).

This type of alignment is rather common for aligning avatars with their names.