ul要素の左側の余白が無くなってメインメニュー部分が左寄せされたような表示になっています。そこで、今回はメインメニュー部分を白い背景の範囲の真ん中に来させるために、ul要素のマージンを調整しましょう。base.cssに以下の記述を追加してください。/*リンクにマウスが乗ったら背景画像を変更する*/}保存をしたらブラウザで表示してみましょう。メインメニュー部分が、白い背景の範囲の真ん中に表示されれば成功です。2つの数値を半角スペース区切りで指定しています。これは、上下マージン0px、左右マージン20pxということです。marginプロパティとpaddingプロパティでは、値を2つ指定すると、[上下][左右]と指定していることになります。値を4つ指定した場合には[上][右][下][左]、値を1つだけ指定すると[上下左右]に同じ値をまとめて指定したことになります。marginとpaddingは良く使うプロパティなので、覚えておくとよいでしょう。左右マージンを20pxにする理由なぜ左右マージンを20pxと指定したのかを説明します。指定されており、親ボックスの幅は1000ピクセルです。指定されており、子ボックスとなるメインメニューの幅は960ピクセルです。親ボックスと子ボックスの幅の差は、1000px-960px=40pxとなるので、子ボックスに左右20pxずつ外側余白として割り当てれば、親ボックスに対して小ボックスがセンタリングされることになります。CSSでウェブページのレイアウトを決める際には、このようにピクセル単位で配置を調整していく作業をすることになります。