Currently, I am in the process of creating an HTML/CSS email template that will be compatible with Gmail and other email clients. The issue I am facing is that Gmail does not load the <style> blocks, which means I have to resort to using inline 'style' attributes for it to function properly.
To illustrate this problem:
<style>
.center {
text-align:center;
}
</style>
<a class="center"> text </a>
The above code snippet needs to be transformed into:
<a class="center" style="text-align:center;"> text </a>
I am curious if anyone has a better solution or knows of any programs that can assist with this issue?