Just use some wrapper divs like this:
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
jsFiddle example
A couple things may help:
Your styles don’t need to be inline, but I’m assuming you’re putting them there for brevity’s sake.
The images don’t need the wrapping
; the styles can be applied to the itself.
It sounds like what you really want is two distinct chunks of content, each with an image and some text. I’d suggest placing the image inside of the
element – it’s inline, and
‘s are block. Put the image first, and then float it to the left, as you’ve tried. That should achieve what you’re after.