Как спозиционировать вложенный элемент по центру родительского?

Question

[weranda]

Есть код (codepen):

<a class="parent">
	default text
	<span class="child">default text</span>
</a>

Родительский и дочерний теги могут быть разной длины. Дочерний тег с абсолютным позиционированием. Не получается универсально выровнять дочерний тег по центру родительского. Подскажите пожалуйста варианты.

Answer 1

[Максим]

flexBox

Answer 2

[be_a_man]

Так