Как правильно спозиционировать блок контента в зависимости от общего количества блоков?

Question

[tj57]

Есть несколько блоков контента, один из них представляет собой кнопку order:



Если количество остальных блоков нечетное - то кнопка должна быть справа. Если четное - то внизу по центру :



Я сделал это так :

element.style {
clear: both;
float: none;
margin: 0 auto;
}

Вопрос в том, можно ли это реализовать без javascript? Или можно сделать как-то иначе, не меняя класс у элемента order ?

Answer 1

[Cocorico]

Сделайте на флексах.

UPD.: Если в задании нельзя использовать флексы, тогда можно позиционировать элемент с помощью CSS селекторов :last-child и :nth-child(odd)

Прототип(решение с селекторами работает до ИЕ9 включительно): https://codepen.io/overveg/pen/bjKJVp

Comments

[Cocorico]

Если этот вариант подойдет, то не забудьте проставить префиксы https://autoprefixer.github.io/
shouldiprefix.com

[tj57]

В моём задании нельзя использовать флексы