Thumbnails and Excerpts

Hi, I’m a new wordpress user, not a PHP programmer (yet). I can’t quite see how to change this code that is in my Blog Excerpt template (using Responsive theme) … What it is doing is that I get the thumbnail image on the left, as I would like, and I get the excerpt next to it, as I would like. However, the “read more” appears underneath the thumbnail, rather than aligned next to the thumbnail and right underneath the excerpt. What do I need to change? Thanks.

<div class="post-entry">
                    <?php if ( has_post_thumbnail()) : ?>
                        <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
                    <?php the_post_thumbnail('thumbnail',array('class' => 'alignleft')); ?>
                        </a>
                    <?php endif; ?>
          <?php the_excerpt(); ?>
                    <?php wp_link_pages(array('before' => '<div class="pagination">' . __('Pages:', 'responsive'), 'after' => '</div>')); ?>
                </div><!-- end of .post-entry -->

Thank you.
(sample of incorrectly aligned “read more” can be found here:
http://litkidz.com/browse_kids_books/