html怎么让文字和图片并排？

有一种方法就是利用表格布局，

<table>

<tr align="center">

<td>文字</td>

<td><img src="image/1.png" width="90" height="90" alt=""></td>

</tr>

</table>

这样写，是可以保证图片和文字同派且文字与图片是居中显示的，而不是文字在图片下方

这个很简单，具体方法如下：

首先，获得HTML邮件的代码。怎么获得？请百度搜索“图文并茂+邮件”。

其次，打开自己的web邮箱，正常输入收件人、标题，然后将内容输入框转换为代码输入方式，并将自己的HTML邮件代码粘贴到内容输入框中。

第三，发送邮件，一封图文并茂的网页邮件发送完成。

知识链接：

网页形式的电子邮件实际上是专门为邮件优化的HTML网页代码，它可以使用文字、图片、配色来展示整体产品效果，图文并茂，冲击力比较强。

得到HTML网页邮件代码的方式一般可以通过自己写代码、找专业人士来写、或使用网络上的现有服务。

如果自己写代码，您必须有编程经验或邮件代码优化的有关知识，否则会造成兼容性问题，使得邮件变形和错位。

个人认为，使用现成的服务效率较高，实用性较强。

当然，任何方法都有优缺点，选择也因人而宜，那就要看自己怎么选择了。古人说得好（是古人吗？呵呵）: 选择很重要。

<div style="width:150pxheight:260pxposition:absolute">

<div style="width:100%border:1px solid redheight:200px">

图片

</div>

<div style="width:100%margin-top:10pxborder:1px solid redheight:50px">

文字

</div>

</div>

<div style="width:150pxheight:260pxposition:absolutemargin-left:160px">

<div style="width:100%border:1px solid redheight:200px">

图片

</div>

<div style="width:100%margin-top:10pxborder:1px solid redheight:50px">

文字

</div>

</div>

<div style="width:150pxheight:260pxposition:absolutemargin-left:320px">

<div style="width:100%border:1px solid redheight:200px">

图片

</div>

<div style="width:100%margin-top:10pxborder:1px solid redheight:50px">

文字

</div>

</div>

<div style="width:150pxheight:260pxposition:absolutemargin-left:480px">

<div style="width:100%border:1px solid redheight:200px">

图片

</div>

<div style="width:100%margin-top:10pxborder:1px solid redheight:50px">

文字

</div>

</div>

---