Having fun with an issue on the step 33 (Nutritional label)

HTML-CSS
1

I know it has been a very discussed topic… but accroding to the description and the error message there is no way I can get through this… I´m following literaly what the text is saying, even if visually doesn´t make sense.

" 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">
      <div class="left-container">
        **<span>230</span>**
        <h2 class="bold small-text">Amount per serving</h2>
        **<p>Calories</p>**
      </div>
    </div>

What would make more sense, visually speaking, is this:

<div class="calories-info">
      <div class="left-container">
        <h2 class="bold small-text">Amount per serving</h2>
        **<p>Calories<span>230</span></p>**
      </div>
    </div>```
However I get a error message that by reading it, it leads me to think that the first code share should be the correct one (does not make sense for me...)
"
Hint
Your span element should come after your .left-container element."

Could you please give a hand (I know it is a very simple thing, but I want to make sure is not an error from the page). Accroding to other tutorials I saw the step 33 has been sleeghtly changed, as it was requiered a class withn the span element (230).
1 Like
2

Welcome to our community!

The ‘span’ element goes after the closing div tag of the .left-container. Only the word “Calories” should be found within the ‘p’ tags.

3

Hi Dobar,

Thank you for your assitance! I could solve it :wink:

Now make a lot more sense, since the .left-container goes from

to
. Lesson learned :).

Kind regards,
Josh.

1 Like
4

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