Below your .small-text element, create a new p element with the text Calories. Also below the .left-container element, create a new span element with the text 2

<div class="calories-info">
      <div class="left-container">
        <span>230</span>
        <h2 class="bold small-text">Amount per serving</h2>
        <p>Calories</p>
      </div>
    </div>


    <div class="calories-info">
      <div class="left-container">
        <span>230</span>
        <h2 class="bold small-text">Amount per serving</h2>
        <p>Calories</p>
      </div>
    </div>
  </div>
</body>
</html>

Test
Sorry, your code does not pass. Don’t give up.

Hint
Your span element should come after your .left-container element.

Do you have a question?

Your <span> ... </span> element should come after the <div class="left-container"> ... </div> element and not be nested inside of it.

Gotcha…it worked thankyou so much!

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