步驟43 在你最后一次。divider元素，創建一個p元素，并賦予它文本Total Fat 8g 10%。將總Fat放在span元素中，并將類設置為bold。將10%包裝在另一個span elemen t中，類別設置為粗體。最后，將Total Fat span元素和文本8g嵌套在另一個span元素中進行對齊。

<div class="daily-value small-text">
  <p class="bold right">% Daily Value *</p>
  <div class="divider">
  </div>
  <p><span class="bold">Total Fat</span>8g<span class="bold right">10%</span></p>
</div>

試驗 抱歉，您的代碼沒有通過。繼續努力。

暗示 您的p元素應該有三個span元素。

膽固醇0mg0%

這就是你所需要的。

在此輸入圖像描述

需要三個適當對齊的跨度元件來完成這項工作，以下是一個工作示例:

<div class="daily-value small-text">
  <p class="bold right">% Daily Value *</p>
    <div class="divider"></div>
    <p>
      <span>
        <span class="bold">Total Fat</span>8g
      </span>
      <span class="bold">10%</span>
    </p>
</div>

嘗試以下方法:

<div class="daily-value small-text">
  <p class="bold right">% Daily Value *</p>
  <div class="divider"></div>
  <p><span><span class="bold">Total Fat</span> 8g</span> <span class="bold">10%</span></p>
</div>

下面是正確的代碼(上面的代碼基本正確，但缺少一個空格)。您需要確保在“8g”前加一個空格，這樣看起來就像這樣:

<div class="daily-value small-text">
  <p class="bold right">% Daily Value *</p>
    <div class="divider"></div>
    <p>
      <span>
        <span class="bold">Total Fat</span> 8g
      </span>
      <span class="bold">10%</span>
    </p>
</div>

伙計，試試下面的，希望有幫助！

<p class="bold right">% Daily Value *</p>
    <div class="divider"></div>
    <p> <span><span class="bold">Total Fat</span> 8g</span> <span class="bold">10%</span></p>
 <p class="indent"> Saturated Fat 1g <span class="bold">5%</span></p>
</div>

</div>

</label>

</body>
</html>

感謝貢獻一個堆棧溢出的答案！

請務必回答問題。提供詳細信息并分享您的研究！但是要避免…

尋求幫助、澄清或回應其他答案。根據意見發表聲明；用參考資料或個人經歷來支持他們。要了解更多，請查看我們關于撰寫精彩答案的提示。