Flowing text around an image


show more Flowing text around an image provides you with in-depth training on Developer. Taught by Bill Weinman as part of the XHTML and HTML Essential Training show less
please wait ...

Flowing text around an image

So as we know, the image tag is an inline tag, which means it flows with the text in a paragraph, and so here we have a paragraph with an image tag in it and the image tag is the beginning of the paragraph and then we have some text and the close of the paragraph. So we see it displayed in the browser down here. We have something different that we are not used to. The text is actually flowing around the image. So if I bring this in and watch the text wraps here, it wraps next to the image and then when it gets past the end of the image, it wraps around the image.

That's not what we have seen in the past. The way this is accomplished is with this align=left attribute and that makes the image float to the left side of the text. You can change it to align=right and it will float to the right side of the text. Save that and reload and there now the image is floating to the right. Go ahead and change it back to left for our demonstration purposes and reload it. Another attribute here that yo...

Flowing text around an image
Video duration: 2m 5s 4h 44m Beginner

Viewers:

Flowing text around an image provides you with in-depth training on Developer. Taught by Bill Weinman as part of the XHTML and HTML Essential Training

Subjects:
Developer Web
Software:
HTML XHTML
Author:
please wait ...