How to align a to the middle (horizontally/width) of the page [duplicate]

Answer 1

parent {
    position: relative;
}
child {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}