How can I line this button up horizontally with the other two?

As you can see by the code below, I commented out the "Search Again" button, that was successfully lined up horizontally with the other two buttons, so I could have that button activate a drop-down section (instead of link to another page). But the new line of code wraps the button, below the other two. Can you help me get it back in line horizontally with the other two?

<form id="buyVideo" name="buyVideo" method="post" action="../buy-video.php">
<input type="image" src="/images/UseCreditsNow.png" name="purchase" value="Use Credits Now" style="margin:7px 0" style="padding:1px 2px 1px 2px" rel="gb_page_center[600, 635] ">
<a href="../credits.php"><img src="../images/PurchaseCredits.png" alt="Purchase Credits" style="margin:7px 0;padding:1px 2px 1px 2px"></a>
<!--<a href="../index.php"><img src="../images/SearchAgain.png" alt="Search Again" style="margin:7px 0;padding:1px 2px 1px 2px"></a>-->
<div id="flip1"><img src="../images/SearchAgain.png"></div><!--new line of code-->

Code (markup):

Any guidance will be appreciated.

 

A div is by default display: block; hence it will end up on its own line. If you want it to behave as it did previously, setting display: inline-block; should do the trick.

BTW, this doesn't belong in Programming. It belongs in the HTML-subforum.