title: css - position img under h6 that will not be affected by h6 size
body: <p>I have an <code>img</code> under a <code>h6</code> in a template, and I have multiple appearances of this template.</p>
  
  <p>The <code>h6</code> size could be 1 line, two lines etc.  As for now I have the <code>img</code> css like that: </p>
  
  <pre><code>ul.hourly li img {
      padding-top: 20px;
  }
  </code></pre>
  
  <p>The problem is obviously that if the <code>h6</code> size is 2 lines in one of the templates and on other ones its 1 line, the <code>img</code>'s will not be on the same height.</p>
  
  <p>How can I ahve the <code>img</code> with a fixed location, no matter what the <code>h6</code> size is?</p>