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

[Anonymous]

Я хотел бы расположить некоторый DIV на расстоянии от правой стороны контейнера, от левой стороны контейнера или по центру; но все без исключения из потока, как это делает Absolute.

Возможно ли это?

Единственное, что я могу, это центрировать. Не могу поверить, что это невозможно!

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

#outer {
position: relative;
width: 100%;
}

#first {
position: relative;
background-color: red;
width: 100px;
right: 10px;
}

#second {
position: relative;
background-color: green;
width: 100px;
}

#third {
position: relative;
background-color: yellow;
width: 100px;
margin-left: auto;
margin-right: auto;
}

Пример находится здесь: https://jsfiddle.net/dimskraft/vm3Lg835/8/

Если Я делаю абсолютную позицию, другой DIV начинает игнорировать абсолютную позицию...

ОБНОВЛЕНИЕ

Визуальное объяснение того, что я хочу:

[img]https://i.sstatic. net/Aw08x.jpg[/img]


ОБНОВЛЕНИЕ 2

Невероятно!

Разве эта задача не имеет простого решения? Без какого-либо мошенничества/взлома??

Я просто хочу установить расстояние с правой стороны. Почему я не могу сделать это с ОДНИМ свойством???

Подробнее здесь: https://stackoverflow.com/questions/337 ... ositioning