Employ padding


In format.css, add the padding property to the links area.

Specify padding of 10 pixels:

a {
color: #ff0000;
}

#links {
background: #cccccc;
float: left;
width: 200px;
padding: 10px;
}

#content {
background: #ffffff;
margin: 0 0 0 220px;
}

Add the padding property to the content area.

Specify padding of 20 pixels:

a {
color: #ff0000;
}

#links {
background: #cccccc;
float: left;
width: 200px;
padding: 10px;
}

#content {
background: #ffffff;
margin: 0 0 0 220px;
padding: 20px;
}

Save format.css.

Reload index.html in the browser.

It should look like this:

TIP: If the page looks slightly different in your browser, that's okay. Different browsers, such as Internet Explorer, Firefox, or Safari, display Web pages slightly differently.

You'll learn how to get a consistent look later in this tutorial.