Recently, I've been facing a challenge in getting my email to display correctly in Outlook 2010 while maintaining compatibility with web rendering. I'm trying to steer clear of using table styling for obvious reasons but haven't had much success so far. I did experiment with wrapping everything in a table with a background-color as many suggested, but unfortunately, that solution didn't yield the desired results.
If you'd like to take a look at my current source code, you can find it here:
I am aware that border-radius won't function properly in Outlook 2010 without images, and I'm okay with that limitation. However, the issue arises when comparing how the page appears in Gmail versus Outlook 2010:
Here is the design in Gmail: