html - padding-right: 20px; to an image in outlook email -


this works on gmail , mobile exchange not outlook 2010 (though padding supposed work in 2010?).

<img src="http://coolguys.org/signature/georgewcool.jpg" alt="cool logo" style="display:block;padding-right:20px;"> 

with or without display block above ignored in outlook. , results text next it, mashing right side of image. again, resolves great in gmail , mobile exchange.

i have text right of image, use of: &nbsp; messy option. other similar ideas? (similar = works places)


update @mike "bit more code" below:

<tr style="height: 50px; font-size:12px;">         <td><img src="http://coolguys.org/signature/georgewcool.jpg" alt="cool logo" style="display:block;padding-right:20px;"></td>         <td style="color: #002953; max-height: 20px;">             <span style="font-size:12px !important; font-weight: bolder;">             1 time @ band camp lorem ipsum</span><br>             <span style="font-weight: bolder;font-size:12px !important;">jeepers html emails suck lorem ipsum<br>             </span>             <br>             <!-- etc --> 

padding supported in outlook, no matter people tell you. depends on define it. advise against putting padding on image. remember padding inside element, margin outside of element, in case you're better adding wrapping table cell of image.

you have option here give wrapping table cell width. width should equal width of image + 20px account padding. have no need padding. works if have defined width work width haven't can see in html. if element 1 width, add width image tag. way second table cell text take rest of available space in table , 20px right of image


Comments