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 How to Make a Website Adding Pages to a Website Build the Contact Page

Posted by Alec Chan
Alec Chan
172 Points

My "General Information" <h3> is too far up on the page

The <h3>General Information</h3> is too far up on the page, it's really close to the <nav> bar. Do you guys know how I can lower it? I Tried placing an ID to the first section, and tried margining and padding it lower. But I can't seem to get it to work. Any help? Thanks!

Alec

2 Answers

Rachel Krupnick
Rachel Krupnick
17,404 Points

You may not have learned this yet, but using fixed positioning with a "top" attribute will move it down however much you want. Example:

h3 {
   position:fixed;
   top:100px;
}

will lower your h3 by 100 pixels.

You can find more about this in the CSS Foundations course 'The Box Model' section.

Alec Chan
Alec Chan
172 Points

Thank you so much! I appreciate it! Thanks for helping me out :)

Gloria Dwomoh
Gloria Dwomoh
13,116 Points
Gloria Dwomoh
Gloria Dwomoh
13,116 Points

If you have learned CSS you can do it with that. If you haven't you can add some breaks

to lower it :)

Alec Chan
Alec Chan
172 Points

I have learned it but I forgot, the fact that I tried using the padding and 'margining' does not improve it top-wise.