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

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
– Valentin Duboscq

2020-01-13 17:05:33 +00:00
Commented Jan 13, 2020 at 17:05 — Valentin Duboscq
– Valentin Duboscq, Commented Jan 13, 2020 at 17:05

Alessio Cantarella · Accepted Answer · 2020-01-13 17:09:34Z

0

This might work.

body {
  margin: 0;
  padding: 0;
}

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

edited Jan 13, 2020 at 17:09

Alessio Cantarella

5,2413 gold badges31 silver badges37 bronze badges

answered Jan 13, 2020 at 17:07

Nikhil Goyal

1,9831 gold badge11 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alessio Cantarella · Accepted Answer · 2020-01-13 17:10:01Z

0

Try to add:

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

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

edited Jan 13, 2020 at 17:10

Alessio Cantarella

5,2413 gold badges31 silver badges37 bronze badges

answered Jan 13, 2020 at 17:05

Natalia Davydova

7588 silver badges24 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related