title: Trouble having CSS order (flex box) work in an email
body: <p>I have got some HTML working fine in 2 web pages, but at one point, I grab the innerhtml of the container div and mail that to the user.</p>
  
  <p>The same code, even when it's all in the email code, doesn't function the same way.  Is this something that only works in browsers?</p>
  
  <p>Here is some sample code that isn't working as I'd like :</p>
  
  <pre><code>&lt;div class="flex" style="display: flex; flex-direction: column; margin:11px 0; "&gt;
  &lt;div style="order: 2"&gt;Growth &lt;strong&gt; 2&lt;/strong&gt;&lt;/div&gt;
  &lt;div style="order: 5"&gt;Safety &lt;strong&gt;5&lt;/strong&gt;&lt;/div&gt;
  &lt;div style="order: 3"&gt;Income &lt;strong&gt; 3&lt;/strong&gt; &lt;/div&gt;
  &lt;div style="order: 4"&gt;Tax Efficiency &lt;strong&gt;4&lt;/strong&gt; &lt;/div&gt;
  &lt;div style="order: 1"&gt;Liquidity &lt;strong&gt; 1&lt;/strong&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>ADDITION :</p>
  
  <p>OK...  most of what I'm finding around on the web, leads me to believe that displaying the code that I shared earlier will not transfer to email.  So I have a different question....  is it possible, that when I save the div's innerhtml to the field for insertion into the email that I can put the sub divs in the correct order BEFORE sending to the email?  so the email just has to display it, not process it.</p>
  
  <p>So curious how I can actually move the subdivs around...  as often happens, I got asked to do this at the last minute and don't have time to learn an entirely new system, but if someone knows how this can be done and maybe point me to the right link, that would be great.</p>
  
  <p>Thanks very much guys for your comments so far.</p>