使用纯HTML(无CSS)如何在文本下放置图像,在图像旁边浮动图像

时间:2016-08-31 12:02:48

标签: html html5 html-email

我的头衔真的说得一切。我需要将文本(左对齐)与下面的图像和仅在html中的右侧图像(不能使用CSS)。

我很犹豫要分享我所做的事情,因为你可能会笑,但这就是我所拥有的(我不是开发人员,所以请耐心等待。)

View here

2 个答案:

答案 0 :(得分:0)

i have to guess what you want. but either way, the best way to do this is with tables . so here are some solutions

  1. if you can write inline and if you want the image to the right, to be to the right of both text and image under it.

<table>
<tr>
  <td style="padding-left:10px;">TEXT HERE<br />
  TEXT HERE<br />
  TEXT HERE</td>
  <td rowspan="2" style="vertical-align:top"><img src="http://placehold.it/350x150"></td>
</tr>
<tr>
<td><img src="http://placehold.it/250x150"></td>
</tr>
</table>

  1. if you cant write inline and if you want the image to the right, to be to the right of the text only ( you can move it on the next row if you want it to be on the right of the other image )

<table>
<tr>
  <td>TEXT HERE<br />
  TEXT HERE<br />
  TEXT HERE</td>
  <td><img src="http://placehold.it/350x150"></td>
</tr>
<tr>
<td><img src="http://placehold.it/250x150"></td>
</tr>
</table>

let me know if one of these is what you actually want

答案 1 :(得分:-1)

Please use table format. each td add text and image in next td. that is pure html way.