I have this code
<div id="facebook_bar">
<div style="float:left;">
<img src="images/topbar_followus.png" width="70" height="25" />
<img src="images/topbar_twitIcon.png" width="30" height="25" />
<img src="images/topbar_fbicon.png" width="30" height="25" />
</div>
<div id="newsletter_box">
<img src="images/topbar_subscribe.png" width="220" height="25" />
<input type="text" name="cm-ktkykk-ktkykk" id="ktkykk-ktkykk" />
<input type="image" src="images/btn_submit.png" width="55" height="25" />
</div>
</div>
css is
#facebook_bar {
background-color:#323334;
height:30px;
padding-top:15px;
padding-left:20px;
padding-right:20px;
}
#newsletter_box {
float:right;
/*margin-top:-30px;*/
}
The right hand div is showing on next line after the first div not on the same line