title: How to send image to email as position absolute with html text
body: <p>I'm trying to send the image as position absolute with the html text behind the image but when I send it to gmail or other email it show image then in bottom the html text. The absolute css is not working.</p>
  
  <p>Below is the template</p>
  
  <pre><code>&lt;template name="welcome"&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;/head&gt;
  &lt;body style="font-family: 'Roboto Slab', serif;"&gt;
  &lt;div class='container-fluid'&gt;
      &lt;img src="http://qa.couchfashion.com/images/mailer.png" style=" position: relative;width: 100%;left: 0;"&gt;
  
      &lt;div style="top: -44px;position: absolute;z-index: 999999;"&gt;
          &lt;div class='mailer-name text-center' &gt;
              &lt;h3 style=" font-size: 80px;"&gt; Hey {{receiverName}} &lt;/h3&gt;
          &lt;/div&gt;
          &lt;div class="mailer-content" style="margin-top: 120px;
              text-align: center;
              text-align: justify;
              padding-left: 10%;
              padding-right: 10%;"&gt;
              &lt;h1 class="text-center"&gt; Welcome to the COUCH &lt;/h1&gt;
              &lt;hr&gt;
              &lt;h3 class="text-center"&gt; How To use Couch? &lt;/h3&gt;
              &lt;h2 class="text-center"&gt; STEP 1 &lt;/h2&gt;
              &lt;h3 class="text-center"&gt; Browse Products &amp;amp; Articles &lt;/h3&gt;
              &lt;p&gt;Congratulations ladies! You've successfully made it to the first step of Couch. THis step is the
                  easiest
                  step. We are sure you will have great time browsing through our products and articles as we get you
                  the
                  best of them. We make sure best gets the best! &lt;/p&gt;
  
              &lt;h2 class="text-center"&gt; STEP 2 &lt;/h2&gt;
              &lt;h3 class="text-center"&gt; Collect things you Love &lt;/h3&gt;
              &lt;p&gt;
                  Hello again! So here we are on the second step. Well this is easy too. You just have to click on the
                  love
                  button to collect your favourite products and articles there. And there you go. You have your very
                  own
                  personalized collection. Woo-Hoo!
              &lt;/p&gt;
  
  
              &lt;h2 class="text-center"&gt; STEP 3 &lt;/h2&gt;
              &lt;h3 class="text-center"&gt; Get Appreciation &lt;/h3&gt;
              &lt;p&gt;This is the best step. It will help you flaunt your beautiful talents ladies! People can see your
                  closet
                  and have a glance at your choice. Isn't that cool? You can promote your style and make it popular.
                  Let's
                  get started ladies!&lt;/p&gt;
              &lt;h3 class="text-center"&gt; Thanks for signing up &lt;/h3&gt;
              &lt;h3 class="text-center"&gt; All the Love &amp;amp; Regards &lt;/h3&gt;
              &lt;h4 class="text-center"&gt; Team COUCH &lt;/h4&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p></p>