Recently I posted about a little trick about remembering the css anchor selectors. Now I have another little trick that is even more useful, using the word TROUBLE to remember the order of padding/margin amounts in CSS shorthand. The trick is that the first four consonants in the word are the first letters of "Top", "Right", "Bottom" and "Left". I love this trick because I can never seem to remember which ones are which. I have had such trouble with it I've actually been up in the air on whether I use CSS shorthand at all because sometimes I feel it makes the code less readable. Now I'll never forget! Here is a little graphic to help cement it to our minds =).

I like it.
I have always remembered that the order is also clockwise. (12, 3, 6, 9)
Yeah! That’s another great way to remember it.
Yeah, ditto on the clock method…TRouBLe seems to much trouble…
I also use the clock method. Now, I’ll never forget the right order because of the additional “trouble” method. :)
I am also TRouBLe so this acronym will never be forgotten!
Just googled order of padding CSS and came to this post – and now I’ll never forget the trick. Thanks, you rock!
DigWP
A book and blog co-authored by Jeff Starr and myself about the World's most popular publishing platform.
Quotes on Design
Design, like Art, can be an elusive word to define and an awfully fun thing to have opinions about.
HTML-Ipsum
One-click copy to clipboard access to Lorem Ipsum text that comes wrapped in a variety of HTML.
Bookshelf
Hey Chris, what books do you recommend? These, young fertile mind, these.