div {
display: flex;
justify-content: center;
//align-items: flex-start; - можно ещё и по-вертикали как угодно ставить
}
// Очень древний хак для удобного центрирования всего подряд
img {
position: relative;
left: 50%;
transform: translateX(-50%);
}
max-height: 100%;
max-width: 100%;
max-width: 100%;
a:after
li:after
2) Древний - то есть очень давно известен) Абсолютом тоже можно, но не всегда кроссбраузерно и всё таки элемент вырывается из контекста со всеми вытекающими (как минимум, что-нибудь под него заедет). Я предпочитаю relative