how to make a header fit the page limits

Question

I have this simple code:

body {
    padding: 0;
    background-color: red;
    margin: 0;
}

header {
    background-color: blue;
    text-align: center;
  }

<body>
    <header>
        <h2>Vendi su eBay e guadagna extra cash!</h2>
    </header>
</body>

The problem is that the header is still not at the top of the page and every solution I found isn't working, what's wrong?

BTSM · Answer 1 · 2021-05-21T02:45:16.703

1

It's because margin of h2.

body {
    padding: 0;
    background-color: red;
    margin: 0;
}

header {
    background-color: blue;
    display:flex;
    justify-content: center;
    
}

<body>
    <header>
        <h2>Vendi su eBay e guadagna extra cash!</h2>
    </header>
</body>

edited May 21 '21 at 02:45

answered May 21 '21 at 02:34

BTSM

1,585
8
12
26

Ok, it works, but is there any way i can set the h2 margin to 0 without having to give it an id? Like if there is any way to do that by styling the header – newbie May 21 '21 at 02:37
then add like this. ``header h2{margin:0}`` – BTSM May 21 '21 at 02:39
I edited my answer. Do you mean like that? – BTSM May 21 '21 at 02:45

score 0 · Accepted Answer · answered May 21 '21 at 02:33

0

h2 {
 margin: 0;
}

h2 tag has the default margin so just make it 0.

answered May 21 '21 at 02:33

Joji

356
2
16

how to make a header fit the page limits

2 Answers2