Allowed HTML in templates

What is the set of HTML and CSS tags that I can use in templates, to be sure it will be displayed correctly on a mail provider?

For example, I wrote this template:

<style>.logo-container {width: 100%; text-align: center}
.logo {width: 33%;}
.main-info-container{position: relative;width: 100%; padding-bottom: 80%;background-image:url([...]/Newsletter_Welcome.png);background-size: contain;}
.button-text {margin: auto;}
.button-cool { display: flex; color:#2f3635;position: absolute; bottom:25%;left:42.3%;width:15%;height:10%;font-size:12pt; border: 2px solid #2f3635; border-radius: 2px; text-align: center;vertical-align: middle;cursor: pointer;}
</style>

<!--LOGO-->
<div class="logo-container"><img class="logo aligncenter wp-image-1090" src="[...]/Logo_final-1.png"></div>

<!--CONTAINER-->
<div class="main-info-container">

<!--BUTTON-->
<a href="[...]/projects"><div class="button-cool" > <div class="button-text">SHOP</div> </div></a>

</div>

It is displayed correctly on the template preview (a logo, a container with an image as background and a button with a link), but when I sent it to a test subscriber I received only the logo.

Where can I find some documentation on what can I use and what I can’t?

• This topic was modified 7 years, 6 months ago by simochelo.