Als nächstes werden wir eine Hintergrundgrafik zur Seite hinzufügen und gleichzeitig die Weite auf 840 Pixel begrenzen. Fügen Sie das Folgende zu Ihrem CSS hinzu und laden Sie die Seite und das CSS neu:

    /* The background + logo styles */
    body {
        background: url(bg_light.gif);
        width: 840px;
        margin: auto;
    }

    #visual-portal-wrapper {
        margin: 20px;
        background-color: white;
        padding: 0 20px 20px 20px;
    }

    #portal-logo {
        display: block;
        margin-bottom: 2em;
    }

Etwas, das hier besonderere Beachtung finden sollte, ist der Teil zu  margin: auto. Dies ist der Weg, auf dem allgemein Dinge im CSS zentrieren, und viele Leute wissen dies nicht — sie erwarten, dass dort etwas wie float: center oder etwas ähnliches steht. Nun, wo Sie wissen, wie man es macht, und nachdem Sie die Seite und das CSS neu geladen haben, wird Ihre Seite wie auf der folgenden Abbildung aussehen:

Erstaunlich, wie das Hinzufügen eines einfachen Hintergrundes das Design beeinflussen kann, nicht wahr? Nach vor!