The best way to create an html email newsletter : <p>How do you compose an html newsletter that renders correctly in MS Outlook? My html looks bad, but good as a web page. I have the html written, and it looks good in chrome and IE, but within outlook, the styling is botched. I have used all inline CSS, as directed by other websites. Do you need special software, or are there any good training resources to help? In short, what is the best way to send out an html email newsletter? Here is a small snippet of my code, enough to give you the idea:</p>

<pre><code>&lt;!DOCTYPE html&gt;
</code></pre>

<p></p>

<pre><code>&lt;head&gt; 
   &lt;charset="utf-8"&gt;
   &lt;title&gt;GPA Newsletter&lt;/title&gt;    
 &lt;/head&gt; 
</code></pre>

<p></p>

<pre><code> &lt;div style="padding: 0px; margin: 0px; background: gray; padding: 10px"&gt;               

    &lt;div style="padding-bottom: 80px; background: linear-gradient(gray, white);"&gt; 
        &lt;h1 style="margin-top: 0;"&gt;Here is your September 2017 GPA Maintenance Newsletter&lt;/h1&gt;          
        &lt;img src="https://i.imgur.com/5xskeoF.jpg" alt="The newsletter logo" style="margin-top: 30px;   border-radius: 30px; border: 5px solid black; max-width: 100%; display: block; margin: auto;    width: 50%; argin-bottom: 40px;"&gt;
        &lt;img src="https://i.imgur.com/uhdSAow.jpg" alt="The comcast logo" style="max-width: 100%;        display: inline; float: left; margin-left: 12%; margin-bottom: 20px;"&gt;
        &lt;h2 style="text-align: right; padding-right: 15%; margin-bottom: 0;"&gt;September 2017&lt;/h2&gt;            
    &lt;/div&gt; 

 &lt;/div&gt; 
</code></pre>

<p> 
 </p>
