Wrapping Text around a Table

You can wrap text around a table in much the same way you can with images. While there are more sophisticated layout techniques, wrapping text around a table is helpful for keeping images together with captions in a long flow of text.

To wrap text around a table with (X)HTML:

1.
In the table tag, either type align="left" to align the table to the left of the screen while the text flows to the right, or type align="right" to align the table to the right of the browser window while the text flows on the left side of the table (Figure 16.23).
Figure 16.23. I’ve added some text that the table can float in. When you align a table to the right, the text flows to the left. Notice also that in the markup, the table comes ...

Get HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.