HTML电子邮件:Outlook中的文本

时间:2016-09-10 09:23:09

标签: html css outlook html-table

这是我用图像显示文字的代码。

<table width="220" align="right" style="">
        	 <tr>
        		 <td>
         			<table align="left" width="100" style="padding: 0; Margin: 0;  Margin-top:15px;">
						<tr>
						
						<td align="right" style="">
							<span style="color:#000000; font-size:14px; ">Powered By</span>   			
						</td>
						
						</tr>
					</table>
			
					<table align="left" width="40"  style="padding: 0; Margin: 0; ">
						<tr>
						
						<td align="center">
							<a href="http://facebook.com" style="color:#808080;font-family:Helvetica;font-size:11px;line-height:20.7999992370605px;word-wrap:break-word;font-weight:normal;text-decoration:underline" target="_blank">
								<img src="http://www.hubilo.in/images_for_links/facebook.png" width="40" height="40" style="vertical-align:middle;">
							</a>
						</td>
						
						</tr>
					</table>
			
					<table align="left" width="50" style=" Margin-top:15px; ">
						<tr>
						
						<td align="right" style="">
							<span style="color:#000000; font-size:14px;">DUMMY </span>      			
						</td>
						
						</tr>
					</table>
			
				</td>
			</tr>

			</table>

当我在Outlook中看到此内容时,文本虚拟会下到该行。

我缺少哪里?
this is the image how it looks in outlook

PS:我不能'使用inline-blockpositiondiv

1 个答案:

答案 0 :(得分:0)

试试此代码。

<table align="right" style="margin-top:15px; margin-right: 30px;">
        <tr>
            <td align="right" style="width: 100px; padding: 0; margin: 0;">
                <span style="color:#000000; font-size:14px; ">Powered By</span>             
            </td>                  
            <td align="center" style="width:40px; padding: 0; margin: 0;">
                <a href="http://facebook.com" style="color:#808080;font-family:Helvetica;font-size:11px;line-height:20.7999992370605px;word-wrap:break-word;font-weight:normal;text-decoration:underline" target="_blank">
                    <img src="http://www.hubilo.in/images_for_links/facebook.png" width="40" height="40" style="vertical-align:middle;">
                </a>
            </td>
            <td align="right" style="width: 50px; padding: 0; margin: 0;">
                <span style="color:#000000; font-size:14px;">DUMMY </span>                  
            </td>
        </tr>
    </table>