Ok has anyone experienced this issue or has a fix for this issue with outlook 365 office (outlook.office365.com) - in chrome...

When i send a test to this outlook365 office in chrome - it has removed the spaces of the pre-header text..

This is the code using:

<td height="75" style="border-bottom:0px solid #cccccc" align="right" valign="middle">
                                    <font style="font-family: Helvetica, arial; color: #f5f5f5; font-size: 12px; font-weight: 300;">my pre text goes here</font><br/>
                                        <font style="font-family: Helvetica, arial; color: #999999; font-size: 12px; font-weight: 300;">Having problems viewing this email? <a href="htmlview" style="color: inherit;">Click here</a></font>
                                    </td>

but when you view it has removed all spaces...