Jump to content

CSS Margin page needs quick fix for TRBL readability


TLobes

Recommended Posts

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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...