Значения left и right атрибута alignment предлагают броузеру поместить изображение соответственно у левого или правого края текстового потока. Затем броузер выводит оставшееся содержимое документа в свободное пространство, смежное с изображением. В результате содержимое документа, следующее за изображением, обтекает его.
<img src=»pics/kumquat.gif» align=left>
The kumquat is the smallest of the citrus fruits, similar in appearance to a
tiny orange. The similarity ends with its appearance, however. While oranges
are generally sweet, kumquats are extremely bitter. Theirs is an acquired
taste, to be sure.
Можно поместить изображения одновременно по обоим краям текста и он будет выводиться между ними сверху вниз:
<img src=»pics/kumquat.gif» align=left>
<img src=»pics/tree.gif» align=right>
The kumquat is the smallest of the citrus fruits, similar in appearance to a
tiny orange. The similarity ends with its appearance, however. While oranges
are generally sweet, kumquats are extremely bitter. Theirs is an acquired
taste, to be sure.
Когда текст обтекает изображение, левый (или правый) край страницы временно переопределяется и становится краем изображения, противоположным тому, которым оно примыкает к краю страницы. Последующие изображения с тем же выравниванием позиционируются относительно предыдущего. Следующий исходный текст достигает
этого потрясающего эффекта:
<img src=»pics/marcia.gif» align=left>
Marcia!
<br>
<img src=»pics/jan.gif» align=left>
Jan!
<br>
<img src=»pics/cindy.gif» align=left>
Cindy!
Когда текст добегает до низа изображения, положение полей восстанавливается, перемещаясь обычно к краям окна броузера.