What did i do wrong i have litterly tried everything ive spent 4 DAYS

HTML-CSS
1 
<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> 
    <span>8g</span> 
    <span class="bold">10%</span>
  </span>
</p>

    </div>



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

    </div>

Sorry, your code does not pass. You’re getting there.

Your p element should have three span elements.

2

Hello and welcome to our forum.
Kindly provide a link to the lesson.

3
4

Sorry if i seem like i lost my temper i was not reding it right and this is embarising LOL

2 Likes
5

Hi! Here’s the scructure to see nesting clearly:

<p>
  <span>
    <span class="class-name">Text</span>
    Text
  </span>
  <span class="class-name">Text</span>
</p>

Hope it helps

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.