Making text flow around an image
- Home
- HTML
- Making text flow around an image
If you want your text to flow around an image, you'll need to add an alignment setting
to your image. Right-click the image and choose Image Properties... from the context menu.
Then, choose Left or Right from the Alignment dropdown list. (With left alignment, the
text will flow around the image's right side; with right alignment, just the opposite will
happen.) To add space between the image and the text, enter numbers in the Horizontal
Space and Vertical Space fields. If you prefer to work directly in HTML, here's what the
<img> tag would look like:
<img src="yourfile.gif" border=0 width=250
height=300 align=left hspace=5 vspace=5>
Velit dolor illum facilisis luptatum hendrerit duis consequat velit wisi at ex feugait nulla at ut blandit molestie eum.
Praesent vero nostrud iriure tincidunt, nonummy et accumsan duis ipsum erat accumsan. Vel zzril dolore amet blandit wisi, ullamcorper ad magna ut odio, odio ipsum eum enim dignissim exerci ut facilisis. Delenit delenit veniam ut, nostrud feugiat illum blandit exerci. Aliquip feugait aliquip lorem wisi blandit praesent facilisi vulputate. Quis nostrud et lobortis tation et accumsan te ut consequat sit minim esse, augue ad diam vel ullamcorper minim ex nisl. Praesent vero nostrud iriure tincidunt, nonummy et accumsan duis ipsum erat accumsan. Praesent vero nostrud iriure tincidunt, nonummy et accumsan duis ipsum erat accumsan. Praesent vero nostrud iriure tincidunt, nonummy et accumsan duis ipsum erat accumsan. Praesent vero nostrud iriure tincidunt, nonummy et accumsan duis ipsum erat accumsan. Praesent vero nostrud iriure tincidunt, nonummy et accumsan duis ipsum erat accumsan. Praesent vero nostrud iriure tincidunt, nonummy et accumsan duis ipsum erat accumsan.
textflow flow around an image