hi. up to step 54. and cannot seem to get the three span nested for the paragraph section. what am i doing wrong?
can you point me to where i am going wrong. and how to get this to work.
did do research on google, and code looks almost similar or the same.
but not liking my code.
can you help me out?
trying my best and tried about 10 or more times to get it to pass.
help?
marvin.
ps: pasting the error message, the link to the step and my code.
Your new p
element should have exactly three span
elements.
[type or paste code here]
(
)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Nutrition Label</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,800">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="label">
<header>
<h1 class="bold">Nutrition Facts</h1>
<div class="divider"></div>
<p>8 servings per container</p>
<p class="bold">Serving size <span>2/3 cup (55g)</span></p>
</header>
<div class="divider large"></div>
<div class="calories-info">
<div class="left-container">
<h2 class="bold small-text">Amount per serving</h2>
<p>Calories</p>
</div>
<span>230</span>
</div>
<div class="divider medium"></div>
<div class="daily-value small-text">
<p class="no-divider bold right">% Daily Value *</p>
<div class="divider"></div>
<p>
<span class="bold">Total Fat</span> 8g <span class="bold">10%</span>
</p>
<p class="indent bold no-divider">Saturated Fat 1g <span class="bold">5%</span></p>
<div class="divider"></div>
<p class="indent no-divider"><span><i>Trans</i> Fat 0g</span></p>
<div class="divider"></div>
<p class="bold">
<span>
<span>Cholesterol</span>
<span>0mg</span>
</span>
<span>0%</span>
</p>
</div>
</div>
</div>
</body>
</html>