Расположение блоков снизу вверх

[zlodeev]

Делал сайт, смотрю на макет, а там блок в котором несколько элементов идут снизу вверх.

Вот так

Это пример этого самого блока, цифрами обозначен порядок расположения "кубиков-кнопок". Т.е. каждый новый "кубик" добавляется слева, а не справа, либо отталкивается каким-либо образом от правой границы.

Причем такой блок будет не один и внутри каждого будет разное количество "кубиков", с фиксированным количеством проблем бы не было, сделал бы отступами, но так не знаю что и придумать.

Хотел на js сворганить, но решил всё таки поискать решение без его использования. Надеюсь на вашу помощь.

Попытка сделать через <ul> с float:right на первой строчке даёт необходимый результат, но при переходе на вторую всё каверкается, получается пустое место.

то, что готово сейчас, можно посмотреть здесь http://wiic.ru/v0.2/

Edited September 5, 2012 by zlodeev

[Great Rash]

Мегаизвратное решение! Но зато работает даже в ИЕ7

[zlodeev]

И на этом спасибо, интересное решение

[SelenIT]

Почему мегаизвратное-то. Логичное же. Единственное, что фильтр я бы взял попроще

[hedgehog]

Мегаизвратное решение! Но зато работает даже в ИЕ7

Epic...

Вот что значит думать CSS3, а не писать на нем

[Great Rash]

О, а я и не знал про такой фильтр...