title: CSS vertical align an image with text not working (Wordpress)
body: <p>So I'm trying to get an image file to be vertically aligned in the middle of a div with text on the right hand side on my mobile Wordpress theme. Unfortunately, using a "vertical-align:middle" on the image results in the following:</p>
  
  <p><a href="https://i.stack.imgur.com/7AzPB.png" rel="nofollow noreferrer" title="Link to originally-posted image."><img src="https://i.stack.imgur.com/7AzPB.png" /></a></p>
  
  <p>Here's my CSS:</p>
  
  <pre><code>        &lt;div &lt;?php post_class('post clearfix'); ?&gt; id="post-&lt;?php the_ID(); ?&gt;"&gt;
      &lt;div style="vertical-align:middle"&gt;&lt;?php if (class_exists('MultiPostThumbnails')) : MultiPostThumbnails::the_post_thumbnail('post', 'secondary-image');  endif; ?&gt;&lt;/div&gt;
  &lt;h2 class="title"&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;" title="&lt;?php printf( esc_attr__( 'Permalink to %s', 'themater' ), the_title_attribute( 'echo=0' ) ); ?&gt;" rel="bookmark"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;
               &lt;div class="postmeta-primary-fp"&gt;
  
             &lt;?php echo get_the_date(); ?&gt;&lt;/div&gt;
  
                 &lt;div class="postmeta-primary-fp"&gt; &lt;?php if(comments_open( get_the_ID() ))  {
                      ?&gt;&lt;span class="meta_comments"&gt;&lt;?php comments_popup_link( __( '&lt;b&gt;0&lt;/b&gt; comments', 'themater' ), __( '&lt;b&gt;1&lt;/b&gt; comment', 'themater' ), __( '&lt;b&gt;%&lt;/b&gt; comments', 'themater' ) ); ?&gt;&lt;/span&gt;&lt;?php
                  } ?&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>