Пример
#el1 {
box-ordinal-group:3;
}
#el2 {
box-ordinal-group:4;
}
#el3 {
box-ordinal-group:1;
}
#el4 {
box-ordinal-group:2;
}
Обратите внимание: данное свойство не поддерживается в браузере Opera. Для браузеров Chrome и Safari требуется префикс -webkit, для браузера Firefox префикс -moz, для браузера IE 10 -ms.
С помощью свойства box-ordinal-group Вы можете установить порядок отображения элементов потомков.
Элементы имеющие более низкие значения данного свойства будут отображены раньше, чем элементы с большими значениями.
Обратите внимание: для того, чтобы данное свойство работало необходимо установить display:box.