CSS code problem

can someone edit my code...
the tag <sup> make me extra space ...
html code

<p class="mainText">

And this is the text <span style="font: bold 12px arial; color: #000;">
And this is the text</span> software that<br/>
And this is the text And this is the text And this is the text. 
And this isl<br/>
And this is the textAnd this is the textAnd this is the text <br/>
<span style=" font:bold 11px Arial; color: #000;line-height:5px; ">
And this is the text. And this is the text 15
<sup><span style=" font: 11px Arial; color: #000;line-height:5px; ">
avi</span></sup>
And this is the text</span><br/>
And this is the text And this is the text.
				
</p><br/>

Code (markup):

css code

.mainText{

	position: relative;

	font: normal 11px arial;

	top: 85px;

	left: 30px;

	width: 570px;

	height: auto;

	color: #000000;

	border: solid 0px BLACK;

}

Code (markup):

the relevant page -
http ://www.coarch.co.il/123/raw/advantage.html

 

try removing line-height:5px;

 

The original code is without line-height:5px;
anyway i remove it again and no change ... still one extra space

 

To remove the space between "15" and "avi" simply put your code on a single line:

And this is the text. And this is the text 15<sup><span style=" font: 11px Arial; color: #000;line-height:5px; ">avi</span></sup>

Code (markup):

NOTE: Tested only with FireFox

 

the space is between the rows ...
the space is not between "15" and "avi"
anyway i did as you say, no change ... still one extra space

 

I've selected all the text with the mouse and copy&paste to a text editor, but I didn't see the that extra space.
Could you number your lines and tell us where is exactly that space located ?

 

ok just for your knowledge i enter
a code in the CSS that say

.sup{

	font: normal 12px arial;
         color: #000;
         line-height:5px;

}

Code (markup):

and in the html

<sup class="sup1">

Code (markup):

 

is there other option?
it work for mozilla but not in IE
can someone think about alternative code?

 

this solution is better in my opinion:

sup { vertical-align: baseline; font-size: 0.6em; position:relative; top: -0.6em;  }

Code (markup):

just put it in the <sup> tag and in the CSS file

 

For starters that isn't very clear..what the hell are you actually asking for? If you want the span inside that tag to have "extra space" which I'm assuming means bigger gap between previous sentence then do this

#sup span {height: 000px;} OBVIOUSLY changing 000.