Header indent problem

[alexp]

Hello,

On my home page, I have replaced the Smugmug header with the simple text “photos”. I want that text to align with the “galleries” text inside my gallery box. I tried adding the following code to the stylesheet:

h2 {text-indent: 10%}

This does indeed indent my header. The problem is that the command (or routine perhaps) that indents the galleries box varies the distance of the box from the edge of the window according to the width of the window: if the window is made vary narrow, for example, there is virtually no distance between the edge of the window and the box; if the window is maximized, there is quite a large margin. That is all well and good and poses no problem except that the text-indent property does not work that way: the indent I set does not change according to window size. So, my question is: can I make my header text behave like the gallery box, so that my header text will always remain properly aligned with the box?

Thank you for your help! Here is my homepage address: http://abp.smugmug.com/ (http://abp.smugmug.com/)

Alex

[Mike Lane]

Try changing it to this:

h2 {width:750px; margin:10px auto;}

[alexp]

Yup, that works. As simple as that. Thank you very much. Needless to say I'm a neophyte at this!

Try changing it to this:

h2 {width:750px; margin:10px auto;}