Below your .dbl-indent element, add a new p element with the text Includes 10g Added Sugars 20%. Your new p element should also be double indented, and have no bottom border. Use a span to make the 20% bold and right aligned.
Then create another divider after that p element.
I did exactly that, I think, but then get an error message with the hint:
You should create a new p and div element at the end of your .daily-value.sm-text element.
The hint seems to be telling me something completely different from the lesson and I am inclined to think there is a mistake on the page.
Oh, I can see now that it is in the wrong place. I have moved it to below the element as described though it still does not pass. I shall have another look and try an work out why.
Nope, I have just redone the whole step and come up with the same wrong code solution that I posted originally. I am very confused and any help is gratefully appreciated.
The code I added is: <p class="dbl-indent no-divider">Includes 10g Added Sugars <span class="right bold">20%</span></p>
below line 38: <div class="divider dbl-indent"></div>
Sorry, I am not sure that I understand. The problem is completing the step in the way that the automated process expects rather than finding a solution that works. Given the existing CSS, I think my code works
but it does not do what the app is expecting. This step asks for html rather than css, but thank you. Sorry if I am misunderstanding you.
If you can go to https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-typography-by-building-a-nutrition-label/step-59, and your code passes their steps then I’m all in but it really is asking for one line of html.