title: HTML CSS move text upwards when the line breaks
body: <p>I have this li that repeats dynamically, being aligned in 3 columns and various rows. </p>
  
  <pre><code>&lt;li class="produto-ind"&gt;
  
              &lt;h2&gt;
                  Lorem ipsum dolor sit amet
              &lt;/h2&gt;
  
              &lt;div class="img-produto-ind"&gt;
                  &lt;div class="fk-img"&gt;&lt;/div&gt;
              &lt;/div&gt;
  
  &lt;/li&gt;
  </code></pre>
  
  <p>The text in the h3 is not always the same and that is the problem.</p>
  
  <p>Check this out: </p>
  
  <p><a href="http://jsfiddle.net/2vpMP/1/" rel="nofollow">http://jsfiddle.net/2vpMP/1/</a></p>
  
  <p>As you can see, the first li have more text than the other ones. As the lines of the text break, it forces the div.fk-img to go down, messing up the alignment.</p>
  
  <p>My question is:
  Is it possible to make the text move upwards if there is line breaks?</p>