I came across an article by Mark Boulton at A List Apart. He writes about the importance of micro and macro whitespace. To put it simply, whitespace on a page is everything that isn’t the content. By content I mean text, images and other design elements. Micro whitespace is the space between lines, characters and smaller elements on your page. Macro whitespace is between major elements, like blocks of content etc. Micro whitespace plays the role in ensuring legibility and macro whitespace gives you the feeling of breathing room and cleanliness. Before the popularity of CSS, most of the styling was with font, bold and italic tags. Most sites had standard font sizes (usually 12pt) and standard whitespacing. Once CSS became popular, almost all design elements could be styled. Spacing between characters could be easily changed, as well as line spacing. Cross-browser and cross-platform incompatibility resulted in pages looking good […]