@ou-imdt/css/docs/native/bold-italic-b-strong-em.md

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

# Bold & Italic (strong, em and b)

Default browser styles applied.

`b` has no semantic behavior so does not have any special importance; it's entirely visual and can be used to draw attention visually.

`strong` indicates that its contents have strong importance, seriousness, or urgency. Browsers
  typically render the contents in bold type.

If you want bold text for decorative purposes only you should use CSS or the `.bold` or `.italic` utility classes.

`em` is used to change the meaning of a sentence as spoken emphasis does ("I <em>love</em>carrots" vs. "I love carrots"), similarly 'strong' is used to give portions of a sentence added importance (e.g., "<strong>Warning! </strong>This is very <strong>dangerous</strong>.") 


## Examples

<div class="card">
<em>Both</em> `strong` and `em` can be nested to <strong>increase</strong> the relative <strong><em>importance</em></strong> or stress <em><strong>emphasis</strong></em>.
</div>

<details class="compact">
  <summary>HTML</summary>
  
```html
<em>Both</em> `strong` and `em` can be nested to <strong>increase</strong> the relative <strong><em>importance</em></strong> or stress <em><strong>emphasis</strong></em>.
```

</details>