Как поменять местами элементы списка (CSS)?

Question

[Владимир Новицкий]

Здравствуйте.
Можно ли средствами CSS поменять местами элементы списка?
Например:
1. Пункт 1
2. Пункт 2
3. Пункт 3
4. Пункт 4
5. Пункт 5
6. Пункт 6
Поменять на:
1. Пункт 1
2. Пункт 2
3. Пункт 3
4. Пункт 6
5. Пункт 5
6. Пункт 4

Answer 1

[Евгений Петров]

Да пожалуйста — есть flex jsfiddle.net/petroveg/29o2e0u3
Про IE9 и ниже забудьте. Для старых Safari, возможно, придётся применять старый синтаксис.

Comments

[Владимир Новицкий]

Да, вот такое решение работает. Спасибо.

Answer 2

[Владимир Шестаков]

Можно сделать смещение отступами или абсолютным позиционированием для пунктов от 4 и для 6. Но пункты потребуют фиксированных размеров, чтобы не наезжать друг на друга при изменении их контента.

Comments

[Владимир Новицкий]

Да, похоже, по другому никак.

Answer 3

[cha-cha]

www.w3schools.com/cssref/css3_pr_order.asp

Note: If the element is not a flexible item, the order property has no effect.

Comments

[Владимир Новицкий]

Странно. Почему-то не срабатывает.