curriculum/challenges/english/blocks/workshop-cat-photo-app/5ef9b03c81a63668521804d0.md
To place emphasis on a specific word or phrase, you can use the em element.
Emphasize the word love in the figcaption element by wrapping it in an emphasis em element.
Your emphasis em element should have an opening tag. Opening tags have this syntax: <elementName>.
assert.exists(document.querySelector('em'));
Your emphasis em element should have a closing tag. Closing tags have a / just after the < character.
assert.match(code, /<\/em\>/);
You have either deleted the figcaption element or it is missing an opening or closing tag.
assert.exists(document.querySelector('figcaption'));
assert.match(code, /<\/figcaption\>/);
Your emphasis em element should surround the text love. You have either omitted the text or have a typo.
assert.equal(
document.querySelector('figcaption > em')?.innerText?.trim().toLowerCase(), 'love'
);
The figcaption's text should be Cats love lasagna. Check for typos and that the necessary spaces are present around the em element's opening and closing tags.
assert.match(
document
.querySelector('figcaption')
?.innerText?.trim().replace(/\s+/gi, ' '),
/^cats love lasagna\.?$/i
);
<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<section>
<h2>Cat Photos</h2>
<p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
<p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
<a href="https://freecatphotoapp.com"></a>
</section>
<section>
<h2>Cat Lists</h2>
<h3>Things cats love:</h3>
<ul>
<li>catnip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<figure>
--fcc-editable-region--
<figcaption>Cats love lasagna.</figcaption>
--fcc-editable-region--
</figure>
</section>
</main>
</body>
</html>