Why italic font is not working

Question

I am learning CSS. I tried to make some text italic. But the text are not going italic. Where is the problem?

.bold {
  font-weight: bold;
}

.italic {
  font-weight: italic;
}

<p>This is some text</p>

<p class="bold">This is some bold text</p>

<p class="italic">This is some italic text</p>

Answer 1

You can't set italics using a CSS command called font-weight.

Try using font-style: italic instead.

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

<p>This is some text</p>

<p class="bold">This is some bold text</p>

<p class="italic">This is some italic text</p>