I can never remember the order of the shorthand property for setting the margin or padding in one declaration. That is:
margin-top: 2px; margin-bottom: 4px; margin-left: 3px; margin-right: 8px;
may be written as
margin: 2px 8px 4px 3px;
Yes I understand that one can visualise the order by thinking of a clock, starting at midday and moving clockwise. But I keep forgetting about that. I need to recall the order top, right, bottom, left textually.
T R B L.
Something like This [R-noun] [B-verb] [L-nouns] is perhaps the way to go but I feel myself lacking inspiration. If anyone has come across a useful mnemonic for this I’d love to hear it. Like a good meme, I’m sure once I get something lodged in my brain I will be unlikely to forget it.
If you don’t get it right, there will be TRouBLe
Answered By – Paul Dixon
Answer Checked By – David Goodson (AngularFixing Volunteer)