Paragraph One: Note that the floated images and text at right are within the paragraph. This is useful, of course, if you want the image to remain with a particular piece of text. The paragraphs have been forced to be only a portion of their parent element's width (a div), leaving space for the images to be pulled to the right using negative margins. If the browser window is very wide, float rules take effect and stop the images from overlapping or breaking the layout. Fusce rhoncus iaculis egestas. Quisque fringilla massa at est viverra facilisis. Phasellus auctor iaculis molestie. Duis blandit laoreet massa, sit amet malesuada dui adipiscing in. negative right margin applied
Special text can even go with the images...
Vivamus dictum sem tortor. Vestibulum sollicitudin, sem pellentesque aliquet ultrices, libero augue facilisis lacus, non viverra quam urna a ipsum. Suspendisse nulla mauris, venenatis eu semper eu, feugiat a metus. Nullam vitae ligula sed mauris bibendum pretium fermentum nec risus. Duis consectetur ultricies auctor. Nulla non est ante, ac porta odio. Phasellus bibendum euismod nibh, vel elementum justo semper sit amet. Aenean vel sem nibh, at pellentesque ante. Vivamus egestas pulvinar tellus, quis sagittis ante cursus quis. Fusce nulla quam, auctor non facilisis ornare, viverra eu eros. Aliquam vitae viverra dolor. Praesent justo risus, pretium quis pretium ut, sodales at odio. In iaculis commodo dui, nec vehicula est pharetra a. Pellentesque in ultricies lorem. In placerat elit velit, lacinia fringilla leo.

Paragraph Two: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies ornare leo, consectetur luctus nunc ultrices at. Maecenas molestie nibh et velit hendrerit aliquet. Vivamus sagittis risus eu dolor placerat porta. Curabitur non augue nisi, quis semper quam. Mauris nec sagittis mi. Maecenas bibendum facilisis nisl at consequat. Sed ut quam elementum quam blandit ultrices. Praesent et dui purus. Nullam tincidunt adipiscing semper. Praesent volutpat lectus sit amet dui volutpat sed congue sem varius. negative right margin applied
Special text can even go with the images...
Proin ullamcorper, quam quis pulvinar dapibus, eros nunc convallis nisi, a sodales diam nisi vel leo. Praesent facilisis ullamcorper ultrices. Nunc dapibus ante eu magna tempus ut feugiat ligula facilisis. Vivamus viverra molestie ipsum, ut rutrum arcu scelerisque et. Sed a eros vitae est vehicula fermentum. Nam vulputate vulputate purus, ac consequat orci lobortis ac. Sed orci nisl, commodo vitae pulvinar eu, ultrices eu neque. Integer viverra odio vitae lacus accumsan nec egestas dolor scelerisque.

Paragraph Three: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies ornare leo, consectetur luctus nunc ultrices at. Maecenas molestie nibh et velit hendrerit aliquet.

Paragraph Four: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ultricies ornare leo, consectetur luctus nunc ultrices at. Maecenas molestie nibh et velit hendrerit aliquet.