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
Post a Comment