Text Different in <li> and <p>

[gener672]

Problem: font-size seems to be rendered differently for <li class="issue"> and for <p class="issue">. (Example is in: www.dvmvac.com/snippet/ ... ignore background - I just did a quick file copy and didn't get bkgnd file resolved.)

In external CSS, I define 'body' to have a font-size of 10px .... and 'h2' to be 300%(which works - see header) .... then I define (or redefine) 'p' to be 120%.

Inline (testing there before exporting to css file) I define 'issue' to have a font-size of 160% .... the <li> text is 16px but the <p> lines are much smaller even though they both have class="issue".

Trying to redesign a website and am using CSS for the first time ... so I suspect my path - inhreitance - is wrong.

Can someone point out my problem?

[gener672]

ops - my bad .... tried in Firefox and IE6 ... same result in each
(Also mispelled inheritance - srya)

[kestrel]

is your css
[HTML]
.issue {your style}
[/HTML]
?
put just the period in the front.

let me see your entire css page, email it to me or just post it

[gener672]

Have sent a PM with xternal css code and yes, my html (inline style) is:
.issue {....}

Thanks for the time.

[kestrel]

you know,
browsers will interpret classes different, depending on which tag its under.
so a browser will determine your 'issue' class, differently
under
<li> and <p>

so you're best bet is to make separate css styles for each HTML tag

/* Tag,Class */
li.issue {...}
p.issue {...}
 

then this will be your html
[HTML]
<li class="issue">TEXT</li>
<br />
<p class="issue">TEXT</p>
[/HTML]

it might work, or it might not.

let me know, mean while, ill be think of other ways

[gener672]

Sorry to not get back ... have been trying many things - nothing works

defining same class for li and p didnt work

[ronverdonk]

Did you take the <p> (re) definition of 120% out?

Ronald :cool:

[gener672]

Thank you for the suggestion - but it didn't work (tried moving link for css file to be before the inline styles-no joy, next tried redefining 'p' inline - no joy, then tried deleting 'p' from css file - again no joy)

Somewhat new to CSS and thought an inline rule would trump the external - am I wrong?