why <sup> make an extra row?

I use the tag <sup> in a text .
all the text have the same space between the rows.
only when i use <sup> i have extra space.
how can i fix it?
http ://www.coarch.co.il/raw/advantage.html

look for the 3^rd
line 5 in the text

 

Make the font size the same as the rest of your copy (11px) and the line-height something like 5px.. double check in IE though.

 

WHAT is the code for "line-height"?

were should it be in the code(in the <sup> or CSS file)?

 

you just answered your own question

it's better to place it on your css file.

 

ok, i dont know but it is not so simple. how should i write it?

This code is effecting only the "line-height:5px;" but the font is not
Arial or bold or font size isn't correct

by 3<span style=" font:bold 5px Arial; color:#000; line-height:5px;"><sup>rd</sup></span> party

Code (markup):

This one is not working at all:

by 3<span style=" font-style:bold font-size:5px font-family: Arial; font-color: #000; line-height:5px;"><sup>rd</sup></span> party

Code (markup):

If i put the "line-height:5px;" in the CSS the page view rows on row

so i understand the <sup> stop my CSS style .
what should i write and where?

 

OK i succeed the cod should be between the <sup> tag
thanks....