I found a little ordering oddity that may confuse beginners when using this for quick reference. The CSS margin page's first example is where the issue lies:
p { margin-top: 100px; margin-bottom: 100px; margin-right: 150px; margin-left: 50px;}
This is a little confusing in the way the order of each property is presented. For a beginner, they will look at this and assume that the property's shorthand parameters are laid out TBRL rather than TRBL unless they scroll to the bottom. For readability, I would suggest switching the margin-bottom and margin-right in this example to match the format seen on the CSS padding page which adheres to the TRBL ordering.
CSS Margin page needs quick fix for TRBL readability
in Suggestions
Posted
I found a little ordering oddity that may confuse beginners when using this for quick reference. The CSS margin page's first example is where the issue lies:
This is a little confusing in the way the order of each property is presented. For a beginner, they will look at this and assume that the property's shorthand parameters are laid out TBRL rather than TRBL unless they scroll to the bottom. For readability, I would suggest switching the margin-bottom and margin-right in this example to match the format seen on the CSS padding page which adheres to the TRBL ordering.