如何围绕图像包装表格？

Question

仅使用HTML和CSS，有没有办法实现这一目标：

牛图像浮动到右边。

如何让桌子正确地环绕牛图像？我只是设法得到这样的东西：

Answer 1

你可以通过扩展表来实现它。

<table border="1" cellspacing="0" cellpadding="5">
    <tr>
        <td colspan="2"><h1>Title Goes Here</h1></td>
        <td rowspan="3"><img height="200" src="http://pureblissnutrition.files.wordpress.com/2010/01/1238813_26934058.jpg"/></td>
    </tr>
    <tr>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
    </tr>
    <tr>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
    </tr>
    <tr>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
        <td colspan="2">Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
    </tr>
    <tr>
        <td>Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
        <td colspan="2">Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah</td>
    </tr>
</table>

制作小提琴：http://jsfiddle.net/filever10/9n7d3/

Answer 2

您可以使用两个表并将上表设置为，例如width: 50%;和底部1到100％。

查看我的小提琴：http://jsfiddle.net/KuGES/

请注意：这是非常不良做法！改用DIV !!