Center absolutely positioned element in div

This is the one of the ways to center absolutely positioned element in the div.

.centered-axis-x {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}