Smtng wrong with step 33

HTML-CSS
#1

I don’t understand what I’m doing wrong. The hint says that I have the wrong word in the

element. Here is the task: " 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 230 ."

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

Welcome to our community!

The instruction: " 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 230 ."

Restart step. “Calories” goes below the <h2 class="bold small-text">Amount per serving</h2>. After this HTML element goes the closing div tag of .left-container, and then you should add the ‘span’ element:

<span>230</span>

The order of HTML elements should be like this:

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

It works! Thank U so much

1 Like