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