Objects on the Same Line without Losing positions?

Question

Hello There,

I am trying to put two banners on top of a navigation bar with everything nicely centered. I can get the two banners to nicely sit by one another but when I make the browser window smaller the first banner goes on top of the second!

Is there a code where I can prevent this??? If so please let me know.

Thank you very much. =]

This is what I have so far:

<center>  
<a href="loanworkout.org">
    <img width="200" height="60" src="header-2.gif">
</a>
<a href="htpp://www.modifyloan.net">
    <img width="660" height="60" src="loansafe_728x90.gif">
</a> 
<BR>

Answer 1

You can set a min-width on the container of the banners.

Edit based on your comment:

<center> <!-- *shudder* -->
    <div style="min-width: 860px;"> <!-- inline only for example purposes -->
        <a href="loanworkout.org">
            <img width="200" height="60" src="header-2.gif">
        </a>
        <a href="htpp://www.modifyloan.net">
            <img width="660" height="60" src="loansafe_728x90.gif">
        </a> 
    </div> <!-- ditch the BR -->
    ... 
</center>

Answer 2

All OK BUT I Have One PRoblem How I Do That With Text