Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Abdirahman Mire
Abdirahman Mire
1,787 Points

the space up at the header did not removed why?

a

3 Answers

anil rahman
anil rahman
7,786 Points
anil rahman
anil rahman
7,786 Points

If you mean the header itself has kind of moved down and now there is a gap from the top. This is because the h1 tag has its own padding/margin. You can change this in the css by changing the padding/margin to 0 for the h1 or the actual header tag itself.

Abdirahman Mire
Abdirahman Mire
1,787 Points

it still doesn't work!

hear is my css

(header { float: left; margin: 0 0 30px 0; padding: 5px 0 0 0; width: 100%; })

anil rahman
anil rahman
7,786 Points
anil rahman
anil rahman
7,786 Points

Try

header { margin-top: 0; padding-top: 5px; width: 100%; float: left; }

anil rahman
anil rahman
7,786 Points

Also if you have a h1 tag in there you can add this too:

h1 { padding: 0; margin: 0; }

Marc Sanchez
Marc Sanchez
20,039 Points
Marc Sanchez
Marc Sanchez
20,039 Points

The h1 tag has margin. Add this to your css, margin: 0; If that doesn't work add this to your css, .clearfix {content: ' '; display: table; clear: both;}. Then add the 'clearfix' class to your h1 element in the html or in the h1's parent element.