Spanned Fish

Every single time I’m using the shortening method for:

margin-top: 10px;
margin-bottom: 5px;
margin-left: 3px;
margin-right: 30px;

transformed into

margin : 10px 30px 5px 3px;

 
I can’t remember the order of these items. So I have to go and look over the web to find it. Boring and time wasting. So, last time it happend, I decided to do something I’ve should have done a long time ago. I tried to find some logic into the shortened method. And without any surprise, there is one. And the very simple way to remember it, it to think about a clock.
 

Yes, you just have to think in this very easy way. And as a non native developer, I know some web designers that would be very happy to know this little tip.

Here is the order if you want to copy/paste it:

margin: top right bottom left;