how to get rid of the gaps

Question

0

When using css tags why is there such a gap

For example

<h1>title</h1>
<h2>subtitle</h2>

Why is there a massive vertical gap between the two <h1>and<h2> tags
... how can you get rid of it?

web-design

Edited 6 Years Ago by iamthwee: n/a

2

Contributors

8

Replies

13

Views

6 Years

Discussion Span

6 Years Ago

Last Post by almostbob

This Question has been Answered

1

yep,

Edited 6 Years Ago by almostbob: n/a

Votes + Comments

iamthwee: Props

0

Cheers..

web-design

iamthwee 1,547 · Answer 1 · 2011-06-13T19:01:57+00:00

For example my css is:

h1 {text-align:left;
    font-family:Arial,"Times New Roman";
    font-size:0.8em;
    font-style:normal;
    font-weight:bold;
   }

h2 {text-align:left;
    font-family:Tahoma,"Times New Roman";
    font-size:1.1em;
    font-style:normal;
    font-weight:bold;
    color:#0099CC;
   }

h3 {text-align:left;
     font-family:Arial;
    font-size:0.8em;
    font-style:normal;
    font-weight:normal;
    color:#333333;
   }

But when I use it in my html body tags it makes a paragraph space between each css tag. How do I remove this gap?

almostbob 866 · Answer 2 · 2011-06-13T19:09:48+00:00

margin:0; and or padding:0; nothing in your css overrides default spacing,

the manual, the online docs, at w3.org are very good, dont have the full link rattling round the empty space on my neck

iamthwee 1,547 · Answer 3 · 2011-06-13T19:15:49+00:00

Thanks can you give me an example.

almostbob 866 · Answer 4 · 2011-06-13T19:19:03+00:00

h1 { text-align:left;font-family:Arial,"Times New Roman";font-size:0.8em;font-style:normal;font-weight:bold;
margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:0; } // the new bit
h1:first-letter {font-size:200%;font-style:bold;float:left;}//playtime

centrs the h1 on the page left/right(if smaller than full width) no margins top bottom so the next div butts close, and creates a drop cap because I like drop caps
removing margins from one element may leave a margin, if the next element has a margin, <div><p> etc

iamthwee 1,547 · Answer 5 · 2011-06-13T19:31:15+00:00

A ha... Do you have to add that new line to EACH <h#> tag?

almostbob 866 · Answer 6 · 2011-06-13T19:49:08+00:00

if you want to ensure margins you can

* { margin:0;} // all elements
// or
h* {margin:0;margin-left:auto;margin-right:auto;} //all h elements

in the top of the css file, preset all the element margins to 0
then everything will butt up unless and untill you give the element some spacing deliberately