White Space on the Web

Good tips on white space from Set in Style:

The pro uses white space to separate elements, and — if you want to look good — so will you, and it’s so easy to do.

When you insert an image in a post, specify white space like so:

style=”margin 10px;”

Then, before you publish the post, preview it and make sure there’s sufficient (but not excessive) white space around the image.

Also note that the pro sets copy in narrower columns than the novice. As a general rule, never set copy so there are more than 80 characters per line.

Information about the role of white space:

• Reading Online Text: A Comparison of Four White Space Layouts
• Finding Information on the Web: Does the Amount of Whitespace Really Matter?
• Use Whitespace to Indicate Relationships Between Content Elements
• The Effects of Contrast and Density on Visual Web Search