Welcome to WebmasterWorld Guest from

Forum Moderators: mack

Message Too Old, No Replies

How to place image on left, with text to the right

10:21 pm on Sep 17, 2007 (gmt 0)

New User

5+ Year Member

joined:Sept 13, 2007
posts: 3
votes: 0

I am having difficulty getting my text to locate on the right side of an image. I'm using Dreamweaver CS3 and following the recommended steps to create the new <div> and float the image left. But the text will not budge from sitting below the image. Please help!
6:36 am on Sept 18, 2007 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Sept 4, 2001
posts: 2194
votes: 25

Hi Shapes. Wrapping text is subject to space, and of course, floating the image. The easiest way I find to do it is this:

<p><img src="whatever" style="float:left" height="y" width="x" /></p><p>text</p>

Remember, an image is an in-line element where as a <p> is a block element, so just doing:

<p><img src="whatever" style="float:left" height="y" width="x" /> text</p>

does not always work. And if you are not using XHTML, delete the forward slash at the end of th eimage tag.


3:12 pm on Oct 31, 2007 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member whoisgregg is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Dec 9, 2003
votes: 0

I find myself floating images on a fairly regular basis, so I set up classes to handle the two most frequent uses:


.left { float: left; margin: 0 .5em .5em 0; }
.right { float: right; margin: 0 0 .5em .5em; }


<p><img src="..." class="left" /><img src="..." class="right" /> Example Text</p>

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members