So I figured out why the HTML code block is confusing everyone, including myself. The builder window is rendering your code in HTML5 but it is actually sent (and previewed) in XHTML. XHTML requires far more strict syntax/structure that HTML. It requires you to do things like close every tag. So for example, your first mailto would look something like this (I don’t know if all of those extra parameters are supported in XHTML?)
<div align="center"><EMAIL mailto="yourfriend@example.com">example@website.com</EMAIL>
</div>
And to fix your images, you just need to add a closing image tag </img> after your images like the example below.
<div style="background-color:#fff" align="center"><EMAIL mailto="yourfriend@example.com">email@yourfriend.com</EMAIL> <a href="http://clicktotweet.com/8UlcY"><img src="http://limetreefruits.com/wp-content/uploads/2013/02/TellFriendsTwitterResized.jpg" width="50"></img></a></div>
It’s pretty strict and most of your code didn’t work. I would recommend based on your level of customization needs to just build it in Code builder.
