css - position img under h6 that will not be affected by h6 size

I have an img under a h6 in a template, and I have multiple appearances of this template.

The h6 size could be 1 line, two lines etc. As for now I have the img css like that:

ul.hourly li img {
    padding-top: 20px;
}

The problem is obviously that if the h6 size is 2 lines in one of the templates and on other ones its 1 line, the img's will not be on the same height.

How can I ahve the img with a fixed location, no matter what the h6 size is?