Как добиться смещения элемента по левому краю, а не по правому?

Question

[pandaa]

Допустим есть такая конструкция:

Если увеличить ширину зеленого блока, то он перепрыгнет на новую строку:

Но как можно добиться такого результата?

Чтобы зеленый остался где был, а красный сместился?

Answer 1

[Арсений Матыцин]

1. Использовать другое обтекание float;
2. На уровне flex блока использовать justify-content: flex-end;

И т.д.

Comments

[pandaa]

Можно пожалуйста пример как это будет на float?

[Дмитрий Марков]

float: right;

[Арсений Матыцин]

Чуете запах? Это короткой ностальгией запахло.

Жду вопросов про то, как верстать на табличках)

[pandaa]

Арсений Матыцин, Не понял

[Арсений Матыцин]

pandaa, метода верстки на float-ах — канула в лету.

[pandaa]

Арсений Матыцин, Я попробовал на flex'е, но прикол в том что красный блок теперь выше. А клонировать его через js и вставить после зеленого не могу, потому что на React'e. Так что порядок блоков менять нельзя
Что делать?

[Арсений Матыцин]

pandaa, order. И курить мануалы.

[pandaa]

Арсений Матыцин, Вариантов нет что ли?

[Дмитрий Марков]

flex-wrap: wrap; Попробуй
Это должно быть оно.

[pandaa]

Дмитрий Марков, Тоже самое