h1 css modifying

Hi, I have started using the h1 and h2 tags for better SEO and have changed the style of them in my css file to better suit the design. However, one problem I have come across is that it always gives too much space at the top and bottom of the h1 text. Is it possible to change this?

Thanks

 

ad this to your css

margin: 0;
padding: 0;

you can always change the 0 to whatever, like 5px, 1em etc

 

ah! Something so simple - thanks

 

It's even possible to add negative margin if needed.

 

Yes, definitely. I myself use negative left margins ocasionally to adjust the position of headings..

 

thanks folks!

 

You can tweak it even further by using margin-top and margin-bottom, or you can supply 4 values for margin for top right bottom left - e.g. 5px at the top, 10px at the bottom would be margin: 5px 0 10px 0 (format is margin: T R B L)

Negative margins are really useful!