html - 如何使文本环绕表格，就好像它是图像一样

Question

我很惊讶我找不到解决这个问题的方法。我想在我的文档顶部附近放置一个小表格(1 行，3 个单元格)，向右对齐，用一个段落环绕它，就像您可以使用以下代码处理图像一样......

    <img src="http://www.sorenwagner.ws/marty/img/ca-seal.jpg"
        align="right" width="300" height="100">
    This is a paragraph large enough to wrap around the image...
    This is a paragraph large enough to wrap around the image...
    This is a paragraph large enough to wrap around the image...
    This is a paragraph large enough to wrap around the image...

如果能够定义表格周围的填充也很好，这样文本就不会正好到边框。在 CSS 中是否有相对简单的解决方案？

Answer 1

只是float右边的表格(这也是您应该如何定位图像的方式):

<table style="float: right">
    <!-- ... -->
</table>
<p>Bunch of text...</p>

演示:http://jsfiddle.net/ambiguous/ZLfg7/1/