Media Margin
Solid line above through <p style="border-top: 1px solid black;">
A very nice effect on a Page is to wrap text around embedded media, such as images, video, etc. However, one frequent pitfall is the fact that, when one simply inserts media and wraps text around it, the text may (depending upon screen size and orientation) run directly up against the edge of the media object, without any whitespace between. This makes the visual presentation appear very unpolished and unprofessional. On a more directly practical note, it can make the text less easily readable, at least at the point where it mashes up against the image.
If you want to ensure that your text will never jam up directly against your embedded media, but will always have a small whitespace buffer between text and image, first embed your media, then use the "margin-left" or "margin-right" tag (as appropriate) in the HTML as follows:
<p><img style="float: right; margin-left: 5px;" src="$IMS-CC-FILEBASE$/Breakfast-at-Epiphanys.jpg" alt="Breakfast at Epiphany's" width="20%" />Your Text Here.</p>