difference between <h2> and <span>

[shivani anand]

Hi.. I have a doubt.
I have some code..
<span class="test1">
my screeen
</span>

I simply changed it to.
<h2 class = "test1">
my screen
</h2>

and I see an extra line inserted after my screen in the h2 tag.
I read somewhere that span tag does not consider spaces.
I wanted some help to know the solution to what to add in the <h2> style sheet.
The details of h2 are..

h2.test1 { font-family:'arial', 'helvetica','ch icago';font-weight:800;font-size:10pt;color :${myvariable}; }

do i change sth in this style sheet.
It is mandatory for me to use the h2 tag.

Kind regards,
Please help...

[KevinADC]

The difference is the display behavior of the two elements you mention: <span> and <h2>

There are two basic types of display properties for HTML elemets: block and inline

<h> </h> is block-level
<span></span> is inline-level

block-level elements will automatically have a line break before and after the content, inline will not. You can change that behavior in the style sheet:

h2.test1 {
font-family: 'arial','helvet ica','chicago';
font-weight :800;
font-size: 10pt;
color: ${myvariable};
display: inline;
}