CSS Shorthands are Clockwise
A CSS shorthand property “memory aid”.
The order for “side based” properties is as follows:
/*
A
B B
A
*/
margin: vertical | horizontal;
/*
A
B B
C
*/
margin: top | horizontal | bottom;
/*
A
D B
C
*/
margin: top | right | bottom | left;