order - CSS 3

The order property specifies the order of a flexible item relative to the rest of the flexible items inside the same container.Note: If the element is not a flexible item, the order property has no effect.

Syntax

order: number|initial|inherit;

Example

/* Code for Safari 6.1 to 8.0 */div#myRedDIV {-webkit-order: 2;}
	div#myBlueDIV {-webkit-order: 4;}div#myGreenDIV {-webkit-order: 3;}
	div#myPinkDIV {-webkit-order: 1;}/* Standard syntax */
	div#myRedDIV {order: 2;}div#myBlueDIV {order: 4;}div#myGreenDIV 
	{order: 3;}div#myPinkDIV {order: 1;}

Output / Return Value

Limitations

Alternatives / See Also

Reference