SitePoint.com

justlukeyou · Nov 7, 2009, 14:51

Hi,

I am trying to design a page using a H1 Tag for the first time. However when I use it makes the area look messy:

Page with H1:

http://www.oaklivingroomfurniture.co.uk

Page without H1:
http://www.pinelivingroomfurniture.co.uk/index1.html

I haven't added any height dimensions in the H1 tag, I only want to use it for SEO purposes.

PhilipToop · Nov 7, 2009, 15:25

The H1 tag tends to put a margin to the top and bottom. The amount will be dependent on the browser but something like margin: 0.67em 0px 0.67em 0px;. If you put a style margin: 0px 0px 0px 0px; in your stylesheet for H1 you should get it to look the same as without the H1.

Nov 7, 2009, 14:51	#1
justlukeyou SitePoint Zealot Join Date: Feb 2007 Posts: 159	H1 Tag Design Problem Hi, I am trying to design a page using a H1 Tag for the first time. However when I use it makes the area look messy: Page with H1: http://www.oaklivingroomfurniture.co.uk Page without H1: http://www.pinelivingroomfurniture.co.uk/index1.html I haven't added any height dimensions in the H1 tag, I only want to use it for SEO purposes.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Nov 7, 2009, 15:25	#2
PhilipToop SitePoint Enthusiast Join Date: Jun 2007 Location: North Yorkshire, UK Posts: 38	The H1 tag tends to put a margin to the top and bottom. The amount will be dependent on the browser but something like margin: 0.67em 0px 0.67em 0px;. If you put a style margin: 0px 0px 0px 0px; in your stylesheet for H1 you should get it to look the same as without the H1.