html - 一栏中的图片导致文本在其旁边的栏中被下推

Question

不太擅长编程，但是

图片导致文本在相邻列上向下移动，我不知道为什么会这样。我试过 float 它并使用垂直对齐，但都不起作用。

<table style="border:none" cellpadding="0" cellspacing="0">
    <tbody>
       <tr>
       <td vertical-align:baseline style="border:none" width="20%">
       <div><img class="alignnone size-medium wp-image-232" src="" style="float:left;border: 1px solid #000000; alt="" width="294" height="300" style="display:block;"></div>
       <div class="caption" style="font:8pt/12pt verdana" align="center">text</div>
       </td>
       <td style="border:none;float:right" style="border:none">
       <div style="font:10pt/14pt verdana" align="justify">text</div>
       </td>
    </tbody>
</table>

谢谢你的时间

Answer 1

<td vertical-align:baseline style="border:none" width="20%">

这不是正确的语法。尝试:

<td style="border:none; vertical-align:baseline" width="20%">

另外，这个:

style="float:left;border: 1px solid #000000; alt="" width="294" height="300" style="display:block;"

缺少引号并且有两次 style。尝试:

style="float:left;border: 1px solid #000000; display:block;" alt=""