How to align two boxes in a line?

Two different javascript codes to output to a single line?

• I am trying to display a greeting with the time on the left hand side of a line and the facebook like button on the right but I can't seem to get it to do right. Below is the code. The output can be seen at http://www.tractorrepairparts.com. Even though I put the right align in the <div> but it's displaying it on the next line and near the middle of the screen instead of up a line and on the right hand side. Any ideas would be appreciated. <script type="text/javascript"> var d = new Date() var time = d.getHours() var currentTime = new Date() var hours = currentTime.getHours() var minutes = currentTime.getMinutes() var suffix = "AM"; if (hours >= 12) { suffix = "PM"; hours = hours - 12; } if (hours == 0) { hours = 12; } if (minutes < 10) minutes = "0" + minutes if (time<12) { document.write("<span>Good Morning " + hours + ":" + minutes + " " + suffix + "</span>"); } else if (time>=12 && time<18) { document.write("<span>Good Afternoon " + hours + ":" + minutes + " " + suffix + "</span>"); } else { document.write("<span>Good Evening " + hours + ":" + minutes + " " + suffix + "</span>"); } </script> <! ****************************************… <! This is the facebook code> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfb… fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-like" data-href="http://www.facebook.com/pages… data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-font="tahoma" align="right"></div>

• Answer:

  Add this to your css: .topbanner { overflow: hidden; } .fb-like { float: right; } Add float: left to the css for the span element of the greeting/time. In the facebook code, change data-width="450" on the div element to data-width="75". It should look like this if done correctly: http://i40.tinypic.com/2dub6b.jpg