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!

Answer 1

Set vertical-align: baseline.