Как выровнять по горизонтали определенный гибкий элемент, в то время как другие остаются по центру с помощью CSS? ⇐ CSS

[Anonymous]

Скриншот CSS-кода с примером здесь. У меня есть контейнер со следующим CSS:

Код: Выделить всё

.container {
display: flex;
justify-content: center;
align-items: center;
}

.item-3 {
align-self: flex-end;
}

Используя свойство align-self, я могу переместить .item-3 вертикально до конца. Однако я также хочу переместить его по горизонтали, например, до конца, сохранив при этом два других элемента по центру. Существует ли конкретное свойство, похожее на align-self, которое может обеспечить горизонтальное выравнивание для .item-3?
Я пробовал использовать маржу-left: auto, но это отталкивает мои центрированные элементы( пункт 1 и пункт 2).

Подробнее здесь: https://stackoverflow.com/questions/787 ... tered-usin