Avoid CSS inheritance

Question

I have this CSS style:

span
{
    font-family: Book Antiqua;
    clear: right;
    vertical-align: top;
}

I want to remove vertical-align on span inside a div called divDetail. In other words, I want this style on any span inside divDetail:

#divDetail span
{
    font-family: Book Antiqua;
    clear: right;
}

How can I do that? How can I remove vertical-align style?

Thank you!

Just for neatness, put quotes around font-names which contain spaces. I guess it will work in most browsers, but according to specifications ( w3.org/TR/CSS21/fonts.html#font-family-prop ) they should be quoted. Good practice etc. :-) — Arve Systad
– Arve Systad, Commented Jun 6, 2009 at 14:08

i_am_jorf · Accepted Answer · 2016-12-03 03:59:47Z

13

Set vertical-align: baseline.

answered Jun 5, 2009 at 16:52

i_am_jorf

54.8k15 gold badges136 silver badges225 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1