LESSON 34 OF 100

Style a quotation with italic

Apply italic styling to a short quotation.

Official sourceW3C CSS Fonts — font-styleReviewed: 2026-08-26
STEP 1 · LEARN

How it works

font-style selects a normal, italic or oblique face. italic requests the designed cursive face when one is available.

Correct example
.quote { font-style: italic; }

The italic value changes the face style, not its weight.

Common mistake
.quote { font-style: bold; }

bold relates to font weight and is not a font-style value.

STEP 2 · APPLY

Your exercise

Complete the rule for .quote with font-style: italic.

STEP 3 · BUILD

Write and see the result

index.htmlCSS
Safe resultisolated
The draft stays only in this browser.HTML and CSS allowed · scripts and network blocked
STEP 4 · CHECK

What needs to pass

0%not checked
  • The font-style declaration uses italic.
  • The target element is present on the page.
Explain the solution logic

The selector identifies the element, and font-style: italic applies the exact requested change.