title: Vertical Centering of Title Text with Background Image (1 or 2 lines)
body: <p><a href="http://jsfiddle.net/hP7y4/22/" rel="nofollow noreferrer">JSFiddle Link</a></p>
  
  <p>So I have a set of divs that include a title and a list of links. I would like the title to be vertically aligned with a background image bullet. It looks fine with 1 line of text but a title that wraps because of length will get pushed down and look funny.</p>
  
  <p>If there are 2 lines of text I would like the text and the background image to be vertically aligned within the header box so they are in line with the other set of headings.</p>
  
  <p><img src="https://i.stack.imgur.com/pg3a5.jpg" alt="enter image description here"></p>
  
  <pre><code>&lt;div class="calloutCollection tiled"&gt;
      &lt;div class="linksCallout Main"&gt;
          &lt;div class="title"&gt; &lt;a href="#"&gt;
                  Heading List 1&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="links"&gt; &lt;a href="#"&gt;Child Bullet Link 1&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="linksCallout Main"&gt;
          &lt;div class="title"&gt; &lt;a href="#"&gt;
                  Heading-List Wrapped Because of Word Count&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="links"&gt; &lt;a href="#"&gt;Child Bullet Link 1&lt;/a&gt;
   &lt;a href="#"&gt;Child Bullet Link 2&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="linksCallout Main"&gt;
          &lt;div class="title"&gt; &lt;a href="#"&gt;
                  Heading List 3&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="links"&gt; &lt;a href="#"&gt;Child Bullet Link 1&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="linksCallout Main"&gt;
          &lt;div class="title"&gt; &lt;a href="#"&gt;
                  Heading List 4&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="links"&gt; &lt;a href="#"&gt;Child Bullet Link 1&lt;/a&gt;
   &lt;a href="#"&gt;Child Bullet Link 2&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help with this would be appreciated.</p>