• Post category:CSS

How to Make Italic Text in CSS | Simple Method

How to Make Text Italic in CSS

This article is about how to make text italic in CSS and what is italic text

What is Italic text?

Words that are slightly obliquely are called italic words. If you give it an important sentence or definition, that sentence will appear in the eyes of the audience. Mostly italic words are used in books and now they are also used in websites. You can make italics with bold text if you want users to see an important sentence. You can also create italic words in HTML and CSS.

how to make text italic in CSS?


font-style: italic | oblique;


<p style="font-style: italic;">This is an Example of italic</p>
<p style="font-style: oblique;">This is an Example of oblique</p>
<p>This is an Example of Normal words</p>


how to make text italic in css

In the first paragraph above the CSS font-style property is set to the value “italic”, in the second paragraph the CSS font-style property is set to “oblique” and the third paragraph is created as normal. See the above output the first and second paragraph is displayed with “Italic” style words and the third paragraph is displayed as normal.

Italic text in HTML

You can use <i> or <em> tag to create italic text.

<p>This is an <i>Example of I tag </i></p>
<p>This is an <em> Example of Em tag</em></p>

The above code have two <p> tag, one <p> contain <i> tag and another <p>  contain <em> tag. Both are the same italic word is displayed.

Leave a Reply