--description--

The <strong> element makes text bold. It also semantically marks text as important; this affects tools, like screen readers, that users with visual impairments will rely on to use your website. The tone of voice on some screen readers will change to communicate the importance of the text within a strong element. To define a strong element you wrap text content in a <strong> tag.

You can use strong on its own:

<iframe allowfullscreen="true" allowpaymentrequest="true" allowtransparency="true" class="cp_embed_iframe " frameborder="0" height="300" width="100%" name="cp_embed_4" scrolling="no" src="https://codepen.io/TheOdinProjectExamples/embed/qBjWXrB?height=300&amp;theme-id=dark&amp;default-tab=html%2Cresult&amp;slug-hash=qBjWXrB&amp;user=TheOdinProjectExamples&amp;name=cp_embed_4" style="width: 100%; overflow:hidden; display:block;" title="CodePen Embed" loading="lazy" id="cp_embed_qBjWXrB"></iframe>

But you will probably find yourself using the strong element much more in combination with other text elements, like this:

<iframe allowfullscreen="true" allowpaymentrequest="true" allowtransparency="true" class="cp_embed_iframe " frameborder="0" height="300" width="100%" name="cp_embed_5" scrolling="no" src="https://codepen.io/TheOdinProjectExamples/embed/wvewqJr?height=300&amp;theme-id=dark&amp;default-tab=html%2Cresult&amp;slug-hash=wvewqJr&amp;user=TheOdinProjectExamples&amp;name=cp_embed_5" style="width: 100%; overflow:hidden; display:block;" title="CodePen Embed" loading="lazy" id="cp_embed_wvewqJr"></iframe>

Sometimes you will want to make text bold without giving it an important meaning. You’ll learn how to do that in the CSS lessons later in the curriculum.

--assignment--

Watch Kevin Powell’s HTML Bold and Italic Text Video above.

--questions--

--text--

What element should you use to make text bold and important?

--answers--

<em>This is an important message</em>

---

<h1>This is an important message</h1>

---

<strong>This is an important message</strong>

--video-solution--

3