html - Float logo to the left, and content to the right -


i have following html , css, logo floats on left side, i'd able have content float on right side.

<html>   <body>     <div id="logo">       <img src="images/logo.gif" height="376" width="198" alt="logo" title="" />     </div>     <div id="maintext">       <p id="main">first paragraph</p>       <p>second paragraph.</p>     </div>     <footer>...</footer>   </body> </html> 

in css, selector logo is:

#logo {   display: block;   float: left; }  #maintext {   padding: 0 0.5em 0 0.5em; } 

what's happening logo "images/logo.gif" shows left side of on top of footer. should show on left side of "maintext" selector.

any ideas?

add css:

footer {     clear: both; } 

Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -