Hi how can I answer this activity?

After your last .divider element, create a p element and give it the text Total Fat 8g 10% . Wrap the text Total Fat in a span element with the class of bold . Wrap the text 10% in another span element with the class of bold . Finally, nest the Total Fat span element and the text 8g in an additional span element for alignment.

my code is like this

% Daily Value *

Total Fat8g10%

Hello, @toralbajuvylyn25 Welcome to our forum.
We need to see your code for us to help.

3 Likes
Nutrition Label

Nutrition Facts

8 servings per container

Serving size 2/3 cup (55g)

Amount per serving

Calories

230

% Daily Value*

Total Fat8g 10%

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

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

Sorry I’m still learning this and new in this forum

2 Likes

The span for 10% should only have 10%. You will create a third span which will nest the span with Total Fat and 8g. Enjoy the coding

2 Likes

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