Remove CSS background border

Question

Using a simple code, there's a kind of a "border" around the header background. How can I remove this?

header {
  height: 400px;
  background: red;
 }

<header></header>

use Normalize.css to makes the browsers render all elements more consistently and in line with modern standards. — Oussama Elgoumri
– Oussama Elgoumri, Commented Nov 22, 2014 at 20:59

emmanuel · Accepted Answer · 2014-11-22 20:13:27Z

2

You have to reset default <body> margin / padding.

body {
  margin: 0;
  padding: 0;
}
header {
  height: 400px;
  background: red;
}

<header></header>

answered Nov 22, 2014 at 20:13

emmanuel

9,61310 gold badges27 silver badges38 bronze badges

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

2 Comments

That's true but it is a common reset method.

Oh, thats all haha! Thanks :D

Sajad Torkamani · Accepted Answer · 2014-11-22 20:18:49Z

0

It's just the default margin on body. It's generally a good idea to reset the margin and padding to 0 for all elements.

answered Nov 22, 2014 at 20:18

Sajad Torkamani

7461 gold badge10 silver badges20 bronze badges