Text align to image not working css - html

Question

I am trying to vertical align my icons with my text in wordpress so far I have the following
<div class="media oppsite">
<div class="media-left pull-right"> <?php query_posts('p=89'); ?><?php while (have_posts()) : the_post(); ?><div style="padding-top:42px;"></div></div>
<div class="media-body text-right">
<h2 class="media-headingb" style="text-align:center;"><?php the_title(); ?></h4>
<?php
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
the_post_thumbnail( 'full', array( 'class' => 'imgtop' ) ); // show featured image
}
?><?php the_content(); ?>
<?php endwhile;?>
</div>
</div>
Which is not working imgTop is a class that verticle aligns text to top of image but I dont understand why its not aligning properly here is the site.
http://innovativeapps.dk/

Answer 1

I guess you forgot to include your image inside media-left class.
<div class="media oppsite">
<div class="media-left pull-right"> <img width="286" height="286" src="http://innovativeapps.dk/wp-content/uploads/2017/05/Icon-1.png" class="imgtop wp-post-image" alt="Icon-1" srcset="http://innovativeapps.dk/wp-content/uploads/2017/05/Icon-1.png 286w, http://innovativeapps.dk/wp-content/uploads/2017/05/Icon-1-150x150.png 150w" sizes="(max-width: 286px) 85vw, 286px"><div style="padding-top:42px;"></div></div>
<div class="media-body text-right">
<h2 class="media-headingb" style="text-align:center;">Value First</h2>
<p>Vi udvikler og udgiver din app helt gratis, tilmed giver vi dig en hel måned til at benytte alle dens funktioner kvit og frit. I denne måned vil du selv opleve en stigning i omsætningen som følge af din nye app.<br>
Skulle appen efter den første måned ikke leve op til dine forventninger, eller er der en anden grund til du ikke ønsker at fortsætte, så sletter vi bare appen igen og du bliver ikke trukket en krone.</p>
</div>
</div>