How to align currently reading image in sidebar

Hi!

If someone of you have already read the previous post and find that it’s edited; don’t mind it. I figured out the other issue and as it turned out; it was already SET the way I wanted, but now, just needed to modify a tad bit.

I have set my “Currently Reading” sidebar section only to currently reading which meant, I deleted out the future reading and the finished reading. Now, with currently reading images of the books are there; I tried to align the text NEXT to the book image. Yet, it came out funny. First image with its text turned out perfect; but the second book image with its text just…forcibly try to line in with the text of the first book.

This is how I had it set up:

<?php if( have_books('status=reading') ) : ?> <ul> <?php while( have_books('status=reading') ) : the_book(); ?> <li> <p><a href="<?php book_permalink() ?>"><img src="<?php book_image() ?>" alt="<?php book_title() ?>" align="left"/></a></p> <p><strong><?php book_title() ?></strong> by <?php book_author() ?></p> </li> <?php endwhile; ?> </ul>

I am quite confused as how to fix this problem…I know it has something to do with html? Unless I’m wrong?