Wrapping Content

Write the CSS to cause the text to wrap around the image on its right, like the image shown.

The Other Side

On second thought, change the code so the image sits on the right side, as shown in the image.

Adding Space

As is, the text runs up against the image, which doesn't look very good. To fix this add margin to the image using shorthand so that there is 1rem on the left of the image, 1rem on the bottom, and none on the right and top, just like the image shown.

Hint: Be sure your properties are in alphabetical order.

Prevent Wrapping

Right now, everything that follows the image will wrap around it. Let's make it so that the h3 never wraps around anything floated to the right, but instead sits below it. It should still be able to wrap around anything floated to the left.