I dont know what wrong

HTML-CSS
1

Below your element with the Total Fat text, create a new p element with the text Saturated Fat 1g 5% . Wrap the 5% in a span with the class attribute set to bold . In this case this is enough to align the percentage to 5% .

% Daily Value *

Total Fat8g10%

3

Hello!
Welcome to the fCC forum
Please paste your code here and wrap your whole code in 3 backticks (```). And also attach your link for your step

1 Like
6

hello thank you here is my code

% Daily Value *

Total Fat 8g 10%

7

It still doesn’t show.

Use the following method to post code to the forum:

  1. On a separate line type three back ticks.
  2. On a separate line paste your code.
  3. On the last line type three back ticks. Here is a single back tick `
8

code
code1122Ă—585 55.2 KB

<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>8g</span><span class="bold">10%</span></p>
</div> ```

ahah thank you :) sorry im new here
10

add a space after Total Fat, and a space after 8g

11

he doesnt work

Capture d’écran 2024-02-20 102333
Capture d’écran 2024-02-20 1023331076×507 40.6 KB

12

Sorry, you need to put those outside the span elements. Also 8g shoudn’t be in a span on its own, you should have a span element wrapping the whole of Total Fat 8g

13

like this ?

<div class="daily-value small-text">
  <p class="bold right">% Daily Value *</p>
  <div class="divider"></div>
  <p><span class="bold">Total Fat 8g</span><span class="bold">10%</span></p>
</div>
``` but he still doesnt work 
![Capture d’écran 2024-02-20 103531|655x500](upload://fb8YSSAe5S8dwPgobWjZ9AWfE1g.png)
14

Capture d’écran 2024-02-20 103531
Capture d’écran 2024-02-20 103531917×700 39.2 KB

15

Total Fat should be bold, and only Total Fat, then you need a span around Total Fat 8g, and one around 10% (that doesn’t make it bold)

16

in this step you are doing two things

  • making Total Fat bold
  • separating the text in two elements so that it can be aligned correctly with flex, Total Fat 8g should go to the left, and you use one span to do that, and 10% should go to the right, using a different span element
1 Like
17

if you’re still confused about the instruction. you need to wrap the text “Total Fat” and “10%” into a span with the class of “bold” and then wrap the text “Total Fat” and 8g" in an additional span so you can align it later. hope this help!

2 Likes
18 
<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> 8g</span> <span class="bold">10%</span></p>
</div>
1 Like
19

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