Styling the #nav Container

Styling the #nav Container

To remove the navigation from the printed page, use display: none; as shown in Listing 20.11. The results can be seen in Figure 20.3.

Listing 20.11. CSS Code for Styling the #nav Container

body
{
    font: 100% georgia, times, serif;
    background: #fff;
    color: #000;
}

h1
{
    border-bottom: 1px solid #999;
    margin-bottom: 1em;
}

#nav
{
    display: none;
}

Figure 20.3. Screenshot of styled #nav container.