Pau Gay

Siempre que tengo que poner el margin o el padding a un div tengo dos opciones:

a) La forma lenta y segura:

div.ejemplo {
     padding-top: 1px;
     padding-bottom: 2px;
     padding-left: 3px;
     padding-right: 4px;
}

b) La forma corta:

div.ejemplo {
     padding: 1px 4px 2px 3px;
}

El problema para mí es acordarme del orden de los 4 atributos que siguen a “padding”. Lo que muchas veces hacía era añadir la siguiente línea (o simplemente me lo pegaba con un postit en la pared para tenerlo a mano):

div.ejemplo {
     /* padding: up right down left */
     padding: 1px 4px 2px 3px;
}

Pues aquí un truquillo bien absurdo que se me ha ocurrido a mi mismo (es decir, no lo he sacado de internet):

El orden de los atributos es en el mismo que las agujas del reloj (cada 15 min)