hình ảnh nổi đơn giản có thể được như
<img src="yourimage" align="left" />
NHƯNG như vậy bạn sẽ không có được kết quả vững chắc với đệm giữa văn bản và hình ảnh, triển vọng loại bỏ margin và padding và văn bản của bạn sẽ dính ngay bên cạnh hình ảnh. Vì vậy hãy thử này:
<div style="text-align:justify;">
...a lot of text here untill you want to insert an image that floats left...
<table cellpadding="0" cellspacing="0" align="left" style="float: left;">
<tr>
<td>
<img src="yourimage" align="left" vspace="4" />
</td>
<td width="15"> </td>
</tr>
</table>
...a lot more text here until you need an image that floats right...
<table cellpadding="0" cellspacing="0" align="right" style="float: right;">
<tr>
<td width="15"> </td>
<td>
<img src="yourimage" align="left" vspace="4" />
</td>
</tr>
</table>
... a lot more text here...
</div>
Bạn cần phải quấn một yếu tố 'bảng' xung quanh nó để có được hiệu quả padding-lề để làm việc trong Gmail, Outlook (trực tuyến), Microsoft Outlook (desktop client), ...
Cung cấp cho bảng thuộc tính align = left hoặc right. (Chỉnh sửa câu trả lời ở đây: ngoài ra và dự phòng cho các ứng dụng email khác cũng cung cấp cho bảng một giá trị float để làm cả hai. Họ là back-up với nhau.Một số khách hàng hiểu "nổi", những người khác hiểu "align", một số hiểu cả hai, ...) Bảng của bạn sẽ trôi nổi trong văn bản gần giống như hình ảnh. Sự khác biệt duy nhất là trong triển vọng một bảng tạo ra một ngắt dòng tự động trong văn bản, nơi một hình ảnh với căn chỉnh trái hoặc phải không tạo ra phá vỡ.
Để đặt lề, vì chúng tôi đang làm việc với một bảng, hãy thêm "td" bổ sung có chiều rộng = "15" ở bên trái hoặc bên phải ô hình ảnh của bạn và không có dấu cách trong đó. (Hoặc một gif transparant -> Spacer.gif)
Bạn tốt không để lại ô trống bởi vì nếu chiều rộng của tế bào của bạn sẽ không được tôn trọng trong các email client nhất định
Đối với lề trên và dưới chúng ta có thể sử dụng thuộc tính 'vspace', đừng quên cung cấp cho hình ảnh thuộc tính align = left hoặc right. Nếu không, 'vspace' sẽ không hoạt động.
Khi phát hiện email HTML, hãy quay lại thời kỳ tối tăm. Bố trí mọi thứ trong bảng, đặt kiểu nội tuyến của bạn, xác định mọi chiều rộng và chiều cao, sử dụng gif spacer. Đừng mong đợi các ứng dụng email sẽ hiển thị chính xác mọi thứ. – idrumgood