Question

＆＃13;

<table>
  
  <tr>
<td class="h1" colspan="12" style="font-family: 'proxima_nova_rgbold', Arial, Helvetica, sans-serif;font-size: 18px;text-align:center; padding-top:10px;padding-left:30px;text-transform: uppercase;padding-bottom: 8px;padding-right:30px;line-height: 26px;color: #262626; font-weight:700; background:#f9f9f9;" align="center">

 <hr align="left" style="width: 70px; vertical-align: middle; height: 1px; background: #171717; display: inline-block;">
                        <img src="http://www.hubilo.in/images_for_links/venue_icon.png" width="25" height="25" align="center" style="vertical-align: middle;">
                        <hr align="left" style="width: 70px; display: inline-block; vertical-align: middle; height: 1px; background: #171717;">

</td>
</tr>
  
  </table>

＆＃13;

当我看到它进入前景时，它看起来像。

将hr留在一行

第二行中的图像和

在新行中右hr。

我该如何解决这个问题？

Answer 1

<table align="center" style="">
				<tr>
					<td align="left" style="width: 35px; padding: 0; margin: 0;">
						<hr style="width: 30px; border:1px solid #000000; background: #000000; ">                  
					</td>                  
					<td align="center" style="width:30px; padding: 0; margin: 0;">
							<img src="http://www.hubilo.in/images_for_links/venue_icon.png" width="25" height="25" style="vertical-align:middle;">
						</a>
					</td>
					<td align="right" style="width: 35px; padding: 0; margin: 0;background: ">
						<hr style="width: 30px; border:1px solid #000000; background: #000000; ">                 
					</td>
					
					<td align="right" style="width: 20px; padding: 0; margin: 0;">
						<span style="color:#FFFFFF; font-size:14px;"> </span>                  
					</td>
				</tr>
			  </table>

试试这个

HTML电子邮件：hr不适用于Outlook

1 个答案: