1. Headings
Headings are an excellent way for separating your content into manageable sections. They are an excellent tool for making the post more scan-able. They create white space which makes it easier for readers to scan through the post and identify which bullet or which heading they would like to learn more about, rather than digging through twenty paragraphs of solid text.
2. Margins
A margin is the white space around a particular element in a web design. CSS Margins are a great way to control this space to your advantage. When working with margins, there are a few things that should be kept in mind:
• Consistency
Keep your margins consistent throughout your layout. The more consistent the spacing, the more professional and organized your website will look. When thinking of margins, think of both vertical and horizontal separation, as both have an effect on the overall web design.
• Not Too Much
Don’t make your margins too large. Too much separation may make a website feel disconnected. Also keep in mind that there are only a certain amount of pixels that can fit on a screen, so don’t waste too much screen real estate on margins (unless of course the context of the site calls for such margins).
• Not Too Little
It looks shoddy to have a text pressed up against a picture, sidebar, header, navigation bar, or any other element of a web design. Keep these spaced out to give your readers room to breathe.
