« Prev | Next »

Step 8: Whitespace

Whitespace is good space. In CSS, whitespace is the padding and margins around areas of text. It seperates different parts of text from each other to improve readability.

body {
margin: 0;
padding: 0;
}

h1 {
padding: 12px 0;
}

h2 {
padding: 0 12px;
}

h1, h2, h3 {
margin: 0;
line-height: 19px;
}

ul {
margin: 12px;
padding: 0;
}

#menu {
margin: 0;
padding: 0;
}

#menu li a {
padding: 7px 10px 7px 16px;
height: 25px;
line-height: 26px;
}

p {
margin: 12px;
padding: 0; line-height: 20px;
}

p.code {
margin: 24px;
padding: 12px 0 12px 12px;
}

#navigation {
height: 86px;
}

div.backt, div.backc {
height: 75px;
}