css - HTML Email : How to put image to the new line if it overflows td -
<tr> <td style="padding-bottom: 20px;"> <table cellspacing="8" style="margin: 0 auto; "> <tr> <td> <img src="http://www.hubilo.com/eventapp/ws/images/sponsor/logo/thumb/2712_1456734546.jpg" width="70" height="50"> </td> <td style="padding-left: 30px;"> <img src="http://www.hubilo.com/eventapp/ws/images/sponsor/logo/thumb/2712_1455303796.jpg" width="70" height="50"> </td> <td style="padding-left: 30px;"> <img src="http://www.hubilo.com/eventapp/ws/images/sponsor/logo/thumb/2712_1455303882.jpg" width="70" height="50"> </td> <td style="padding-left: 30px;"> <img src="http://www.hubilo.com/eventapp/ws/images/sponsor/logo/thumb/2712_1455303957.jpg" width="70" height="70"> </td> </tr> </table> </td> </tr>
if add new image should in new line center of td
.
ps: can't use other tags div
, have stick table
tag , inline css only.
thank you.
<tr> <td style="padding-bottom: 20px;"> <table cellspacing="8" style="margin: 0 auto; "> <tr> <td style="padding-left: 30px;"> <img src="http://www.hubilo.com/eventapp/ws/images/sponsor/logo/thumb/2712_1456734546.jpg" width="70" height="50"> </td> <td style="padding-left: 30px;"> <img src="http://www.hubilo.com/eventapp/ws/images/sponsor/logo/thumb/2712_1455303796.jpg" width="70" height="50"> </td> <td style="padding-left: 30px; "> <img src="http://www.hubilo.com/eventapp/ws/images/sponsor/logo/thumb/2712_1455303882.jpg" width="70" height="50"> </td> <td style="padding-left: 30px; "> <img src="http://www.hubilo.com/eventapp/ws/images/sponsor/logo/thumb/2712_1455303957.jpg" width="70" height="70"> </td> </tr> <td style="padding-left:45%;"> <img src="http://www.hubilo.com/eventapp/ws/images/sponsor/logo/thumb/2712_1455303957.jpg" width="70" height="70"> </td> </table> </td> </tr>
Comments
Post a Comment