Text Overlapping…

[Historical Forums User]

I’m sure this is simple, but my limited html/css knowledge has got me stumped… There is some overlapping text in the “stock representation” section on this page:
http://jeffsingerphotography.com/info/about/

I would actually like it if I could move the words “stock representation” up (rather than moving “gallery stock” down) slightly so the “R” isn’t being covered by the “ll”.

Thanks!

[Merri]

Logo’s line-height makes the logo go on top of the last line. You can move the logo behind it by using z-index so you don’t need to change the line-height:

#stocklogo {
    position: relative;
    z-index: -1;
}

Or just change the line-height. Or give position-relative; to “stock representation” by adding an extra element. You could consider having slightly richer HTML structure so that it would be easier to have control on the elements. Now these solutions I have given here feel a bit hacky.

[Author]

Posts