HTML <em> tag

The <em> tag is used to define emphasized text. The text within this element will display in italic style.

Type: Inline Element

Syntax of <em> tag

<em> Emphasized text </em>

Supported Browsers

Tag Chrome Internet Explorer Firefox Safari Opera Mini
<em> Yes Yes Yes Yes Yes

Full code example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
 <p> This is <em> Important text </em>. </p>
</body>
</html>
Run The code »
This is important text.

Related phrase tags of <em> tag

Tag Note
<code> It defines enclosed text as a computer code.
<kbd> It defines user input, such as keyboard input or, sometimes voice commands.
<samp> It defines an output from the system.
<strong> It defines strong text.
<var> It defines a variable.

<em> tag is a phrase tag. A phrase tag means a tag having semantical structure and meaning rather than just its apppearance.

More reference

Both <em> and <i> elements's content will be in italic style.

Key difference: The <i> tag is mainly used to define a text (may be scientific names, terms, book names etc.) in italic style for visual styling only whereas the <em> defines an important text having semantic meaning (which helps in screen readers, SEO) rather than its appearance.

Default CSS property of <em> tag
em {
  font-style: italic;
}