How to make text italic in HTML?


To make text italic in HTML, use the <i>…</i> tag or <em>…</em> tag. Both the tags have the same functioning, but <em> tag is a phrase tag, which renders as emphasized text.

Just keep in mind that you can get the same result in HTML with CSS font-style property.

Example

You can try to run the following code to make text italic in HTML using <em>…</em> tag

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <title>HTML italic text</title>
   </head>

   <body>
      <h1>Products</h1>
      <p>
         Our products: <em>Online HTML Editor</em> and <em>Online Image Editor</em>.
      </p>
   </body>
</html>

Example

You can try to run the code make text italic in HTML using the font-style property

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <title>HTML italic text</title>
   </head>

   <body>
      <h1>Our Products</h1>
      <p style="font-style: italic;">Learning website</p>
   </body>
</html>

Lakshmi Srinivas
Lakshmi Srinivas

Programmer / Analyst / Technician

Updated on: 09-Jan-2020

16K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements