<h1> tag

disabling h1 space

[fashezee]

We all are all awartr of the space H1 tag automatically giving itself line space
when inserted in a page. Is there a method of disabling that space?

[Alternative Future]

Is it not: -
display:inline

Someone else is sure to correct me if i am wrong :)

-gs

[fashezee]

Thanks..
That did the trick ....

[tedster]

Because the H1 element is by default display:block, it automatically has both a line break and a larger margin than, say, a regular <p> element.

Switching to display:inline eliminates both the line break and the margin, which may not always be the effect you want. You can maintain the line-break by staying with the default display of block, but writing a rule to change margin-bottom: to a smaller amount.

[dazz]

So..say you have your line saying -

<h1><font face="Verdana" size="2">this is my main title</font></h1>

Where does display:inline go?!

[killroy]

Erm try

<h1 style="display:inline;font-family:verdana;font-size:1.2em">Title</h1>

Instead...

FONT tags have been discontinued a long time ago.

SN

[aevea]

Ive played around with using

display: inline;

on

<h1>

tags and for me they became really hard to handle (position). I prefer:

h1 {margin: 0; padding: 0; font: 2em/1em verdana, arial, sans-serif;}

You still have the break afterwards, but you can control the line-height with the second value on the font declaration. You can declare it inline like killroy's example, or link it to your pages in a stylesheet (as above) so it applies to all your

<h1>

s.

Adam

[Mark_A]

this sort of thing works also in your css file

H1 {
font-size: whatever;
font-family: Arial, sans-serif;
color: gaudy whatever;
margin-top: 5px;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 5px;
}

[g1smd]

<h1><font face="Verdana" size="2">this is my main title</font></h1>

<h1 style="display:inline;font-family:verdana;font-size:1.2em">Title</h1>

Inline styles (i.e. style information inside HTML tags) is just as much code bloat as the old HTML attributes that it replaces.

Export all of your CSS information to external stylesheet files, and benefit from smaller, faster loading HTML files, and reusable CSS information that can be made common to every single page of the site.