> For the complete documentation index, see [llms.txt](https://chnn-anne.gitbook.io/mern-stack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://chnn-anne.gitbook.io/mern-stack/important-css-concepts/emphasizing-text.md).

# Emphasizing Text

### Emphasizing Text - \<strong>, \<em>, \<b>, \<i>

The use of these elements is often confusing, as it appears that their usage overlaps. This is a topic that is worth reviewing at a later point on the [MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong#usage_notes).

| **Element** | **Usage**                                                                                                                                                        |
| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| strong      | indicates that its contents have strong importance, seriousness, or urgency. Browsers typically render the contents in bold type                                 |
| em          | marks text that has stress emphasis                                                                                                                              |
| b           | is used to draw the reader's attention to the element's contents, which are not otherwise granted special importance                                             |
| i           | represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others |

{% hint style="info" %}
&#x20;The `<strong>` element is for content that is of greater importance, while the `<b>` element is used to draw attention to text without indicating that it's more important.

&#x20;While `<em>` is used to change the meaning of a sentence as spoken emphasis does ("I *love* carrots" vs. "I love *carrots*"), `<strong>` is used to give portions of a sentence added importance (e.g., "**Warning!** This is **very dangerous.**")&#x20;
{% endhint %}