Hey all! I have a left aligned image which text wraps around. It's working perfect everywhere but Outlook.com. Apparently this a new bug where Outlook.com wraps all iamges in a div and changes it's display to inline-block.

This pushes my text beneath my left aligned image.

There is a bit of conversation about this bug here - https://litmus.com/community/discussions/6314-gap-under-images-on-office-365-and-outlook-com , but the fixes are mainly for fixing gaps underneath images.

I tried implementing the fixes from the above conversation but instead of display block, I used display:inline; But no luck. Any ideas? Thank you very much for your time!


<html>
                <tr>
                    <td valign="top" width="100%" style="text-align: left; font-family: sans-serif, Arial, Helvetica; font-size: 16px; color: #333333; line-height: 24px; font-weight: 400;" class="opensans pad20">


                            <!--[if mso]>
                            <table border="0" cellpadding="0" cellspacing="0" width="160" align="left" style="width:180px;"><tr><td style="padding:0 20px 20px 5px;mso-table-rspace:5pt;border-collapse:collapse;border:1px solid #ffffff;">
                            <![endif]-->
                            <img src="images/180x180.png" align="left" width="180" height="180" border="0" editable="true" style="Margin:0 20px 20px 0; background:#E79851; width:180px;" class="headshot-wrap" />
                            <!--[if mso]>
                            </td></tr></table>
                            <![endif]-->

                            <multiline label="headshot with text wrap inner">
                            <p style=" font-size:16px; sans-serif; color:#333333; line-height:24px;">
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, aut eligendi dignissimos, illum eaque ut architecto quisquam! Odio, aliquam eligendi iste tempore beatae, deserunt! Officia temporibus at, debitis excepturi porro mollitia aspernatur labore unde dolores quae blanditiis dignissimos error aut iure magnam sed placeat impedit incidunt praesentium natus dolorum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque, expedita deserunt omnis, sunt quo itaque minima consequatur laudantium vitae adipisci, quis dolorem doloribus impedit veritatis minus voluptate nisi saepe vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi atque modi dolores cumque consequatur rem provident! Consequuntur facere, fugit hic autem unde molestiae pariatur quos. 
                            </p>
                        </multiline>

                    </td>
                </tr>