Have you ever used letter-spacing in your headers? It's easy enough to use, e.g. h1 {font-family:tahoma,arial;font-size:1.5em;color:#d10000;letter-spacing:0.3em;text-align:center;} <h1>LOREUM</h1> But when you add an underline to it (text-decoration:underline) the last letter also has extended space under it, in this case 0.3em, and the the underline extends to take up the space. It is only a minor nusiance, but it can be fixed by taking a different approach to how the underline is created. Go to:- http://freepages.rootsweb.com/~bristowe/test/heading-example.html - and the solution is shown, and the heading is now correctly centered. Barry
I did not know you could do that! I would have added too much code by using the (non-breaking space) in the code every time. Thanks! Sheri aka. FamilyTwigs Indiana Trails To The Past Jackson County/INTTTP > h1 > {font-family:tahoma,arial;font-size:1.5em;color:#d10000;letter-spacing:0.3em;text-align:center;} > > <h1>LOREUM</h1> > > But when you add an underline to it (text-decoration:underline) the last > letter also has extended space under it, in this case 0.3em, and the the > underline extends to take up the space. It is only a minor nusiance, but it > can be fixed by taking a different approach to how the underline is created. > Go to:- > > http://freepages.rootsweb.com/~bristowe/test/heading-example.html > > - and the solution is shown, and the heading is now correctly centered. > > Barry
Note that this styling of inter-letter spacing is not limited to headers. It will work with any text. -R. On 2010-11-27 21:17, Barry Carlson wrote: > Have you ever used letter-spacing in your headers? It's easy enough to use, > e.g. > > h1 > {font-family:tahoma,arial;font-size:1.5em;color:#d10000;letter-spacing:0.3em;text-align:center;} > > <h1>LOREUM</h1> > > But when you add an underline to it (text-decoration:underline) the last > letter also has extended space under it, in this case 0.3em, and the the > underline extends to take up the space. It is only a minor nusiance, but it > can be fixed by taking a different approach to how the underline is created. > Go to:- > > http://freepages.rootsweb.com/~bristowe/test/heading-example.html > > - and the solution is shown, and the heading is now correctly centered. > > Barry > -- Regards, Rod Dav4is / P.O. Box 118 / Hyde Park, NY 12538 / USA Trustee and Webmaster Little Nine Partners Historical Society http://www.rootsweb.ancestry.com/~nylnphs/ Personal website: Genealogy, et Cetera: http://freepages.rootsweb.ancestry.com/~dav4is/