Html appears differently on email preview than in inbox

[Anonymous]

Hi all,

I am editing an email to which i have added text with a textbox background colour. In the email preview on Marketo the text box surrounds the text (which is what i want it to look like)
 

whereas in my inbox it then looks different.
 

Anyone who knows why that is? the html used is: <div style="background-color: #00a94f; color: #ffffff; display: inline-block; font-size: 18px; margin: 0px 0px 15px;">&nbsp;<a style="color: #ffffff; text-decoration: none;" href="http://www.cloudexpoeurope.com/Content/Visiting-Cloud-Expo-Europe-1-2/3/">REGISTER NOW</a></div>

thanks!
Alexia

[Edward_Masson]

This looks like it should work as is, I tested it and works, then i removed the block part from display and that works too.
Try removing the '-block' part from your Display.

If under a time restriant, wrap in an HTML table. 

[Jason_Scott · Accepted solution]

We don't use div tags to acheive the "button" look

try this

<table border="0" cellspacing="3" cellpadding="0" width="260" align="center">

<tbody>

<tr>

<td style="background-color: #052244; border: none; color: #ffffff; font-weight: bold; white-space: nowrap; height: 30px; border-radius: 3px;" width="260" height="30" align="center"><a style="color: #ffffff; cursor: pointer; font-size: 16px; text-align: center; text-decoration: none; vertical-align: baseline; font-weight: bold;" href="http://www.google.com" target="_blank"><span style="padding: 10px 10px; color: #ffffff; font-family: Arial, Helvetica, sans-serif;">REGISTER NOW</span></a></td>

</tr>

</tbody>

</table>

[Anonymous]

Thank you both! I ended up using the 2nd option as the new html looks like a button - thanks for the quick responses.