css - aligning my image and text in two columns not working -


<img id="story_image" src="images/builder_story_side.png" alt="photo"/>  <div id="story_right"> <h2 class="story_header">fdgdfgdfgdfgdfgfdgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfg</h2> <p class="small_story">fdgdfgdfgdfgdfgfdgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgfdgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfg</p> </div>    img#story_image{float:left;}  div#story_right{float:left;} 

i've done 2 columns before, reason time it's not working. want image in column 1 , text in column two. story_right ends below image if story_image block.

to float elements, need set width on elements want float. set pixel , dynamic percentage widths can both used. reason giving problems because default width of div 100%, image can't float next it.


Comments

Popular posts from this blog

linux - Mailx and Gmail nss config dir -

c# - Is it possible to remove an existing registration from Autofac container builder? -

php - Mysql PK and FK char(36) vs int(10) -