在一次家庭作業(yè)中，我被要求創(chuàng)建以下內(nèi)容: 在cyclestyles04.css中，添加樣式以將包裝限制為窗口寬度的80%,并使內(nèi)容在包裝內(nèi)居中。保存所有文件，然后在瀏覽器中打開或刷新頁面，以確保內(nèi)容在瀏覽器窗口的80%內(nèi)居中。(提示:請注意，每一頁的圖片后面都有一個導(dǎo)航部分，用于鏈接到四個頁面中的每一頁。)

在cyclehome04.html和cyclefaq04.html的網(wǎng)頁上，你想把圖片放在右邊的標題中。在cycleevents04.html和cycleabout04.html的網(wǎng)頁上，你想把圖片放在左邊的頁眉中。按如下方式完成這些任務(wù):

a.用一個選擇器在樣式表中創(chuàng)建樣式，該選擇器處理floatleft和floatright的類名。(提示:A class = & quotfloatleft & quotCSS文件中的. floatleft選擇器引用HTML文檔中的屬性和值。)

b.向兩個選擇器添加兩個聲明。第一個會將內(nèi)容向左或向右移動。第二個選項將在內(nèi)容的內(nèi)邊緣添加2%的邊距。例如，對。浮動左選擇器應(yīng)該是: 。float left { float:left； 右邊距:2%；

所以我意識到我需要使用& lt但是我不確定完整的格式，因為我已經(jīng)創(chuàng)建了#wrapper和其他一些CSS代碼來完成它。我按照我的教科書，但教科書作為兩者，我不確定如何寫代碼。

我沒有嘗試過任何東西，因為我不知道該如何布置。現(xiàn)在我有:

#包裝{寬度:80%；左邊距:自動；右邊距:自動；

這是可行的，但后來并不是我的說明書告訴我要做的。

要添加樣式以將包裝限制在窗口寬度的80%并使內(nèi)容在包裝內(nèi)居中，可以按如下方式修改現(xiàn)有代碼:

#wrapper {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}