All the text and images above are absolutely positioned. This block of text also uses absolute positioning.
This is text right above the image. TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING
![](../images/florida.gif)
Here is a picture of Florida, USA. It should be displayed to the right of this text. This shows the use of the float
CSS property. The img
element is right above this paragraph. TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING
This paragraph should wrap around the image if it is to the left of the image, but should "spring back" to full width if the image is above it (for instance when you decrease the width of your browser.TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING TEXT PADDING