Media Margin

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>

Example

Breakfast at Epiphany's

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nibh mauris, elementum in turpis nec, vehicula vehicula justo. Pellentesque gravida scelerisque libero, in semper mi finibus faucibus. In gravida faucibus vestibulum. Cras malesuada urna vitae pharetra tempus. Nullam molestie consequat vulputate. Sed non pulvinar metus. In auctor egestas leo at interdum. Etiam leo sapien, sollicitudin a dui ac, efficitur sodales enim.

Nam lectus erat, malesuada vel enim ac, faucibus auctor libero. Morbi posuere viverra ligula vel condimentum. Vivamus auctor ex id metus eleifend, nec lobortis neque pellentesque. Suspendisse ullamcorper vehicula luctus. Donec lacinia convallis ex, sit amet tristique diam imperdiet in. Curabitur sit amet mauris pretium, iaculis urna a, faucibus ante. Etiam sit amet ipsum et enim finibus viverra non ac dui. Vivamus vitae ante hendrerit, mattis urna quis, sollicitudin purus. Etiam non enim est. Vestibulum faucibus tincidunt metus eget eleifend. Phasellus in purus lorem. Aenean luctus, eros euismod faucibus accumsan, erat eros dapibus libero, et accumsan ante lacus volutpat erat.