Why in CSS with an "italic" class the text becomes smaller?

Question

In a html-file I have paragraphs with text. I have a CSS-file, with some classes.I have set up "p" with:

p {

font-family:Verdana, sans-serif;

font-size:0.833em; /* and so on*/

}

.italic {

font-family:Verdana, sans-serif;

font-size:0.833em;

font-style:italic;

font-weight:normal;

}

.rientro {

margin-bottom:4px;

}

I have: <p class="rientro"><span class="italic">text,text</span></p>, the text is malles then the "normal" text, without italic, why?

text,text

, the text is malles then the "normal" text, without italic, why?

ALsp · Accepted Answer

Because ems is a proportional measure. So...

Based on your rules, elements assigned the italic class will have text 83% as big as their parent paragraph does. If you want italic to be the same size as the rest of the text, leave the font-size off.

Font-size, by the way, need only be set on a single element, usually the body, with the need to further declare based on exceptions to the body rule.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.