Vertical align header text within the header class


I've added code to adjust the h3 headers so that they are 75px tall and have a background. I figured out how to get the header text to be centered horizontally within the h3 element, but I cannot figure out how to adjust its vertical position:

If I try to use padding or margin, it adds it to the outside of the element, which moves the background and text together. When I try to use "background-position" with a negative vertical offset, it causes the top of the background image to be cut off. Is there a vertical version of "text-indent" that can be used to bump the text down within the header element so that it rests within the scroll body?



Sign In or Register to comment.

Have you checked out March's Campaign of the Month?

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!