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.