Italics in CSS

jj1234 · Feb 8, 2006

I would like to style a word in italics but do not know the css how to do this:

Club Amigos!
( Amigos: spanish for friends )</p

I would like to wording: "Amigos - spanish for friends" to be in italics.

Any help would be appreciated.

I know it is: p {font-style: italic; }

But its implementing into the css and html l am unsure as to how to do.

BillyRayPreachersSon · Feb 8, 2006

Code:

<html>
<head>
   <style type="text/css">
      p.italic {
         font-style: italic;
      }
   </style>
</head>

<body>
   <p>This paragraph is not in italics.</p>
   <p class="italic">This paragraph is in italics.</p>
</body>
</html>

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

jj1234 · Feb 8, 2006

Thanks for that.

Foamcow · Feb 8, 2006

If it's simply a style issue/preference then use the CSS as shown.

If that phrase is italicised because of it's meaning or importance then simply mark up the HTML with:

Amigos - Spanish for friends

This denotes emphasis and is different to the old tag which was denoting style.
That way, even browsers and devices that don't/can't/won't show italics can apply emphasis to it in their own way.

The default for this in normal browsers is to show text marked with as italicised. To be safe, add a style rule

Code:

em { font-style:italic; }

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Italics in CSS

jj1234

MIS

BillyRayPreachersSon

Programmer

jj1234

MIS

Foamcow

Programmer

Similar threads

Part and Inventory Search

Sponsor