How can I bump down an inline image by 1px but not the rest of the line?

Question

I am needing an inline image to position 1px below baseline. How can it be done?

Thanks Mike

Answer 1

A relative position should do the trick:

img.icon {
    position: relative;
    top: 1px;
}

Answer 2

You can also fake it by editing your image:

add as many transparent rows above your current image as needed and you're done!