Which kind of CSS adding so that header begins directly at beginning of page?

Question

What kind of CSS styling can I add so that my header begins directly on the top of the page? For now there is always some space between the header and the page beginning.

<div class="page-header">
  <h1>Title</h1>
</div>

Can you please show us what you've tried so far ? – Valentin Duboscq Jan 13 '20 at 17:05 — Valentin Duboscq, Jan 13 '20 at 17:05

score 0 · Answer 1 · edited Jan 13 '20 at 17:10

0

Try to add:

.page-header h1 {
  margin-top: 0;
  margin-bottom: 0;
}

<div class="page-header">
  <h1>Title</h1>
</div>

edited Jan 13 '20 at 17:10

Alessio Cantarella

5,077
3
27
34

answered Jan 13 '20 at 17:05

Natalia Davydova

728
7
22

score 0 · Answer 2 · edited Jan 13 '20 at 17:09

0

This might work.

body {
  margin: 0;
  padding: 0;
}

<div class="page-header">
  <h1>Title</h1>
</div>

edited Jan 13 '20 at 17:09

Alessio Cantarella

5,077
3
27
34

answered Jan 13 '20 at 17:07

Nikhil Goyal

1,945
1
9
17

Which kind of CSS adding so that header begins directly at beginning of page?

2 Answers2