How can I remove space (margin) above HTML header?

css html margin html-heading
odbhut.shei.chhele picture odbhut.shei.chhele · Jan 20, 2013 · Viewed 116.4k times · Source

I am creating a website.

I have written the HTML part and now I am writing the stylesheet. But there is always some space above my header. How can I remove it?

My HTML and CSS code is given below.

Answer

robertc picture robertc · Jan 20, 2013

Try:

h1 {
    margin-top: 0;
}

You're seeing the effects of margin collapsing.

Related questions

How to align two elements on the same line without changing HTML

I have two elements on the same line floated left and floated right. <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div …

Read More
Why can't I center with margin: 0 auto?

I have a #header div that is 100% width and within that div I have an unordered list. I have applied margin: 0 auto to the unordered list but it won't center it within the header div. Can anybody please tell me …

Read More
CSS Cell Margin

In my HTML document, I have a table with two columns and multiple rows. How can I increase the space in between the first and second column with css? I've tried applying "margin-right: 10px;" to each of the cells on …

Read More