Page layout applications and word processors have been able to wrap text tightly to an image, regardless of its shape, for a long time. Creating page layouts in Adobe's InDesign, for example, allows you to bend the edge of your text to slow with an image. However, HTML is a markup language, and as such, was not designed for page layout. This makes things extremely difficult when you try to design your web pages to match a printed page. To compound this problem, web pages have the ability to be resized. Printed materials always have predetermined dimensions, so the layout design application has an easy time determining where line breaks need to fall.
If you plan to wrap text around an image on a web page, you can only wrap the text to the square frame of the image, regardless of the actual shape of the image. Notice how the first image is not square, but the text can only line up on the square edge. This requires you, as a web page designer, to either only use images that have a flat edge, or be unable to wrap your text tightly to the rounded or jagged edge of the image.
|
