title: How do I create a table in the back of my other tables?
body: <p>I'm new in coding HTML and CSS, I designed an email template in XD and code 95% of it but I can't figure out how to code the header and bring it to the back and overlay part of it with another white table.</p>
  
  <p>Another question, how can I make the button smaller like the preview?</p>
  
  <p>Here's the preview of the header of my design : <a href="https://imgur.com/zEcEeng" rel="nofollow noreferrer">https://imgur.com/zEcEeng</a>
  Here's what I code so far :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  
  &lt;head&gt;
   &lt;title&gt;Financing Senior Housing Since 1992 | LTC Properties Inc.&lt;/title&gt;
  
   &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
   &lt;meta name="x-apple-disable-message-reformatting" /&gt;
   &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  
   &lt;style type="text/css"&gt;
    /* Google font import Lato */
    @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&amp;display=swap');
  
    /* Outlook link fix */
    #outlook a {
     padding: 0;
    }
  
    /* Hotmail background &amp; line height fixes */
    .ExternalClass {
     width: 100% !important;
    }
  
    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
  
    /* Image borders &amp; formatting */
    img {
     outline: none;
     text-decoration: none;
     -ms-interpolation-mode: bicubic;
    }
  
    a img {
     border: none;
    }
  
    /* Re-style iPhone automatic links (eg. phone numbers) */
    .appleLinksGrey a {
     color: #575F65 !important;
     text-decoration: none !important;
  
    }
  
    /* Hotmail symbol fix for mobile devices */
    .ExternalClass img[class^=Emoji] {
     width: 10px !important;
     height: 10px !important;
     display: inline !important;
    }
    
    /* Button hover colour change */
    .CTA:hover {
     background-color: #0162B2 !important;
    }
  
  
    @media screen and (max-width:640px) {
     .mobilefullwidth {
      width: 100% !important;
      height: auto !important;
     }
  
     .logo {
      padding-left: 30px !important;
      padding-right: 30px !important;
     }
  
     .h1 {
      font-size: 24px !important;
      line-height: 30px !important;
      padding-right: 30px !important;
      padding-left: 30px !important;
      padding-top: 20px !important;
     }
  
     .h2 {
      font-size: 20px !important;
      line-height: 0px !important;
      padding-right: 30px !important;
      padding-left: 30px !important;
     }
  
     .p {
      font-size: 14px !important;
      line-height: 20px !important;
      padding-left: 30px !important;
      padding-right: 30px !important;
      padding-bottom: 0px !important;
     }
  
     .p-b {
      font-size: 14px !important;
      line-height: 20px !important;
      padding-left: 20px !important;
      padding-right: 0px !important;
      padding-top: 10px !important;
     }
  
     .CTA_wrap {
      padding-left: 30px !important;
      padding-right: 30px !important;
      padding-bottom: 0px !important;
     }
  
     .CTA_wrap2 {
      padding-left: 30px !important;
      padding-right: 30px !important;
      padding-bottom: 25px !important;
     }
  
     
     .unsubscribe {
      padding-left: 30px !important;
      padding-right: 30px !important;
     }
  
     .us-img {
      padding-left: 30px !important;
      padding-right: 30px !important;
     }
     .footer {
      font-size: 11px !important;
      line-height: 16px !important;
      padding-right: 30px !important;
      padding-left: 30px !important;
     }
  
      
    }
  
   &lt;/style&gt;
   &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  &lt;/head&gt;
  
  
  &lt;body style="padding:0; margin:0; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; background-color:#EEEEEE; font-family: 'Open Sans', sans-serif; font-size:14px; line-height:20px; color:#575F65"&gt;
       
  
  &lt;!-- // FULL EMAIL --&gt;
  &lt;table align="center" border="0" cellspacing="0" cellpadding="0"&gt;
   &lt;tr&gt;
  
    &lt;!-- // LEFT SPACER CELL *** MUST HAVE A BACKGROUND COLOUR --&gt;
    &lt;td bgcolor="#EEEEEE" style="font-size:0px"&gt;&amp;zwnj;&lt;/td&gt;
    &lt;!-- LEFT SPACER CELL // --&gt;
  
     &lt;!-- // MAIN CONTENT CELL --&gt;
     &lt;td align="center" width="600" bgcolor="#FFFFFF"&gt;
  
      &lt;table width="100%" border="0" cellspacing="0" cellpadding="0"&gt;
       
       &lt;tbody&gt;
  
        &lt;!-- LOGO --&gt;
        &lt;tr&gt;
         &lt;td class="logo" align="center" bgcolor="#223663" style="padding-top: 30px;padding-bottom: 29px;"&gt;
          &lt;a href="https://www.123.com" target="_blank"&gt;&lt;img src="https://www.dropbox.com/s/8060fh3df/123.png?raw=1" width="98" height="60" alt="TP logo"&gt; &lt;/a&gt;
  
         &lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;!-- HERO CONTENT --&gt;
        &lt;tr&gt;
         &lt;td class="h1" align="left" bgcolor="#ffffff" style=" padding-left: 60px; padding-right: 60px; padding-top: 30px;padding-bottom: 0px; font-size:26px; line-height: 30px; font-weight: 700; color: #444A4E;"&gt;
           Need Financing? We’ve got it.
        &lt;/tr&gt;
        &lt;tr&gt;
         &lt;td class="p" align="left" bgcolor="#ffffff" style=" padding-left: 60px; padding-right: 60px; padding-top: 15px;padding-bottom: 15px; font-size:14px; line-height: 20px; font-weight: 400; color: #575F65;"&gt;
           Challenging times demand adaptive measures. While many capital providers are slowing or completely halting investments, LTC remains open for business. We're constantly thinking outside of the REIT box to provide creative financing solutions.&lt;br/&gt;&lt;br/&gt;Of course, we continue to offer our core NNN and JV structures. &lt;/span&gt;&lt;span style="font-style:normal;font-weight:bold;"&gt;But, did you know we also offer a variety of structured finance products?&lt;/span&gt;&lt;span&gt; These solutions provide a range of levers LTC can pull to help finance projects.
        &lt;/tr&gt;
  
        &lt;!-- CALL TO ACTION --&gt;
        &lt;tr&gt;
               &lt;td class="CTA_wrap" bgcolor="#FFFFFF" align="left" style="padding-top:15px; padding-bottom: 0px; padding-right: 60px; padding-left: 60px;"&gt;
          &lt;table border="0" cellspacing="0" cellpadding="0" align="left"&gt;
  
           &lt;!-- // BUTTON --&gt;
           &lt;tr&gt;
            &lt;td class="CTA" align="left" style="position: left; border-radius: 0px; padding-top: 15px; padding-right: 25px; padding-bottom: 15px; padding-left: 25px;" bgcolor="#0071CE"&gt;&lt;a href="https://www.ltcreit.com/contact-us/" target="_blank" style=" color: #FFFFFF; font-size: 20px; font-weight: 700; text-align: center; text-decoration: none; border-radius: 0px;  display: inline-block;"&gt;Contact Us!&lt;/a&gt;
            &lt;/td&gt;
           
                    &lt;/tr&gt;
  
        &lt;!-- LINE --&gt;
        &lt;tr&gt;
         &lt;td align="center" bgcolor="#ffffff" style="padding-top: 30px;padding-bottom: 25px;"&gt;
          &lt;img src="https://www.dropbox.com/s/q4va5ixmmu3ako5/line-e.png?raw=1" width="480" height="1"&gt;
  
         &lt;/td&gt;
  
        &lt;!-- BENEFITS OF STRUCTURED FINANCE --&gt;
        &lt;tr&gt;
         &lt;table&gt;
           &lt;tbody&gt;
            &lt;tr&gt;             
             &lt;td align="left" bgcolor="#FFFFFF" style="padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; font-size: 18px; line-height: 30px; font-weight: 700; text-align: left; color: #444A4E;"&gt;
             &lt;img align="left" src="https://www.dropbox.com/s/v3jmuxhagx0b509/title_shape_e.png?raw=1" width="18" height="31"&gt;  &amp;zwnj;BENEFITS OF STRUCTURED FINANCE:
             &lt;/td&gt;
            &lt;/tr&gt;
           &lt;/tbody&gt;
          &lt;table&gt;
         &lt;tr&gt;
         &lt;td class="p-b" align="left" bgcolor="#FFFFFF" style=" padding-left: 20px; padding-right: 0px; padding-top: 0px;padding-bottom: 5px; font-size:14px; line-height: 20px; font-weight: 400; color: #575F65;"&gt;
           &lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Provide liquidity through releasing “trapped” equity in properties&lt;br&gt;
           &lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Bridge maturing loans while waiting for the market to return&lt;br&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;to normal&lt;br&gt;
           &lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Fund construction for shovel-ready projects&lt;br&gt;
           &lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Fund existing projects where other investors have backed away&lt;br&gt;
           &lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Provide an exit plan for equity investors who may have their own&lt;br&gt;
             &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;liquidity needs&lt;br&gt;&lt;/span&gt;
        &lt;/tr&gt;
  
        &lt;!-- LINE --&gt;
        &lt;tr&gt;
         &lt;td align="center" bgcolor="#ffffff" style="padding-top: 25px;padding-bottom: 20px;"&gt;
          &lt;img src="https://www.dropbox.com/s/q4va5ixmmu3ako5/line-e.png?raw=1" width="480" height="1"&gt;
  
         &lt;/td&gt;
  
        &lt;!-- PODUCTS INCLUDE --&gt;
        &lt;tr&gt;  
        &lt;table&gt;
           &lt;tbody&gt;           
             &lt;td align="left" bgcolor="#FFFFFF" style="padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; font-size: 18px; line-height: 30px; font-weight: 700; text-align: left; color: #444A4E;"&gt;
             &lt;img align="left" src="https://www.dropbox.com/s/v3jmuxhagx0b509/title_shape_e.png?raw=1" width="18" height="31"&gt;  &amp;zwnj;PRODUCTS INCLUDE:
             &lt;/td&gt;
       &lt;/tbody&gt;
  
      &lt;/tr&gt;
          
          &lt;tr&gt;
         &lt;td class="p-b" align="left" bgcolor="#FFFFFF" style=" padding-left: 20px; padding-right: 0px; padding-top: 0px;padding-bottom: 5px; font-size:14px; line-height: 20px; font-weight: 400; color: #575F65;"&gt;
           &lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Mezzanine&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Preferred Equity&lt;br&gt;
           &lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Bridge&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&amp;emsp;&lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Construction Financing&lt;br&gt;
           &lt;span style="font-size: 11px;"&gt;◆&lt;/span&gt; Unitranche Financing&lt;br&gt;
        &lt;/tr&gt;
  
        &lt;!-- LINE --&gt;
        &lt;tr&gt;
         &lt;td align="center" bgcolor="#ffffff" style="padding-top: 20px;padding-bottom: 20px;"&gt;
          &lt;img src="https://www.dropbox.com/s/q4va5ixmmu3ako5/line-e.png?raw=1" width="480" height="1"&gt;
  
         &lt;/td&gt;
  
        &lt;!-- DEAL PARAMETERS --&gt;
        &lt;tr&gt;  
        &lt;table&gt;
           &lt;tbody&gt;           
             &lt;td align="left" bgcolor="#FFFFFF" style="padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; font-size: 18px; line-height: 30px; font-weight: 700; text-align: left; color: #444A4E;"&gt;
             &lt;img align="left" src="https://www.dropbox.com/s/v3jmuxhagx0b509/title_shape_e.png?raw=1" width="18" height="31"&gt;  &amp;zwnj;DEAL PARAMETERS:
             &lt;/td&gt;
         &lt;/tbody&gt;
  
        &lt;/tr&gt;
       &lt;tr&gt;
         &lt;td class="p-b" align="left" bgcolor="#FFFFFF" style=" padding-left: 20px; padding-right: 0px; padding-top: 0px;padding-bottom: 5px; font-size:14px; line-height: 20px; font-weight: 400; color: #575F65;"&gt;
           &lt;/span&gt;&lt;span style="font-style:normal;font-weight:bold;"&gt;Transaction Size:&lt;/span&gt;&lt;span&gt;&lt;br&gt;$1 million - $100 million&lt;br&gt;&lt;br&gt;
           &lt;/span&gt;&lt;span style="font-style:normal;font-weight:bold;"&gt;Property Types:&lt;/span&gt;&lt;span&gt;&lt;br&gt;Independent Living, Assisted Living, Memory Care, Skilled Nursing&lt;br&gt;&lt;br&gt;
           &lt;/span&gt;&lt;span style="font-style:normal;font-weight:bold;"&gt;Locations:&lt;/span&gt;&lt;span&gt;&lt;br&gt;Contiguous USA&lt;br&gt;&lt;br&gt;
           &lt;/span&gt;&lt;span style="font-style:normal;font-weight:bold;"&gt;Financing Types:&lt;/span&gt;&lt;span&gt;&lt;br&gt;NNN, JV, Mezzanine, Bridge, Construction, Unitranche, Preferred Equity&lt;br&gt;&lt;br&gt;
           &lt;/span&gt;&lt;span style="font-style:normal;font-weight:bold;"&gt;Operators:&lt;/span&gt;&lt;span&gt;&lt;br&gt;Regional, growth-oriented&lt;br&gt;   
        &lt;/tr&gt;
  
        &lt;!-- LINE --&gt;
        &lt;tr&gt;
         &lt;td align="center" bgcolor="#ffffff" style="padding-top: 20px;padding-bottom: 20px;"&gt;
          &lt;img src="https://www.dropbox.com/s/q4va5ixmmu3ako5/line-e.png?raw=1" width="480" height="1"&gt;
  
         &lt;/td&gt;
  
         &lt;!-- ABOUT LTC --&gt;
        &lt;tr&gt;  
        &lt;table&gt;
           &lt;tbody&gt;           
             &lt;td align="left" bgcolor="#FFFFFF" style="padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; font-size: 18px; line-height: 30px; font-weight: 700; text-align: left; color: #444A4E;"&gt;
             &lt;img align="left" src="https://www.dropbox.com/s/v3jmuxhagx0b509/title_shape_e.png?raw=1" width="18" height="31"&gt;  &amp;zwnj;ABOUT LTC:
             &lt;/td&gt;
         &lt;/tbody&gt;
  
        &lt;/tr&gt;
       &lt;tr&gt;
         &lt;td class="p-b" align="center" bgcolor="#FFFFFF" style="align-items: center; padding-left: 20px; padding-right: 0px; padding-top: 0px;padding-bottom: 5px; font-size:14px; line-height: 20px; font-weight: 400; color: #575F65;"&gt;
           &lt;/span&gt;&lt;span style="font-style:normal;font-weight:bold;"&gt;180+ Investments | 27 States | 30 Operating Partners&lt;/span&gt;&lt;span&gt;   
        &lt;/tr&gt;
        &lt;tr&gt;
         &lt;td class=us-imga lign="center" bgcolor="#ffffff" style="padding-top: 0px;padding-bottom: 20px;"&gt;
          &lt;a href="https://www.om/file.cfm/1/docs/map_home_033120.jpg" target="_blank"&gt; &lt;img src="https://wwcom/file.cfm/1/docs/map_home_033120.jpg" width="460" height="285"&gt; &lt;/a&gt;
  
         &lt;/td&gt;
         &lt;tr&gt;
         &lt;td class="p-b" align="left" bgcolor="#FFFFFF" style=" padding-left: 0px; padding-right: 0px; padding-top: 0px;padding-bottom: 5px; font-size:14px; line-height: 20px; font-weight: 400; color: #575F65;"&gt;
           Shared success is based on partnership and alignment. Our business is 
           about much more than real estate. It is about the operators who run 
           the communities and the residents who call our buildings home.&lt;br&gt;
           &lt;br&gt;
           We focus on building strong, long-term relationships and work to align 
           interests ensuring that all businesses are supported to create the best 
           outcomes for all.
             
        &lt;/tr&gt;
        
        &lt;!-- CALL TO ACTION --&gt;
        &lt;tr&gt;
         &lt;td class="CTA_wrap2" bgcolor="#FFFFFF" align="center" style="padding-top:20px; padding-bottom: 25px; padding-right: 0px; padding-left: 0px;"&gt;
          &lt;table border="0" cellspacing="0" cellpadding="0" align="center"&gt;
  
           &lt;!-- // BUTTON 2 --&gt;
           &lt;tr&gt;
            &lt;td class="CTA" align="center" style="position: center; border-radius: 0px; padding-top: 15px; padding-right: 25px; padding-bottom: 15px; padding-left: 25px;" bgcolor="#0071CE"&gt;&lt;a href="https://www.ltcreit.com/contact-us/" target="_blank" style="color: #FFFFFF; font-size: 21px; font-weight: 700; text-align: center; text-decoration: none; border-radius: 0px;  display: inline-block;"&gt;Contact Us Today&lt;/a&gt;
            &lt;/td&gt;
           &lt;/tr&gt;
  
         
       &lt;/tbody&gt;
      &lt;/table&gt;
  
     &lt;/td&gt;
  
     
    &lt;!-- // RIGHT SPACER CELL *** MUST HAVE A BACKGROUND COLOUR --&gt;
    &lt;td bgcolor="#ffffff" style="font-size:0px"&gt;&amp;zwnj;&lt;/td&gt;
    &lt;!-- RIGHT SPACER CELL // --&gt;
  
   &lt;/tr&gt;
  
  &lt;/table&gt;
  &lt;tr&gt;
   &lt;!-- // SOCIAL MEDIA --&gt;
  
       &lt;td class="footer" align="center" bgcolor="#EEEEEE" style=" padding-top: 25px; padding-bottom: 20px; font-size: 12px; line-height: 18px; font-weight: 400; text-align: center; color: #575F65;"&gt;
  
       &lt;a href="http://www.linkedin.com/" target="_blank"&gt;&lt;img src="https://www.dropbox.com/s/0k25a3lkki3pbip/linkedin_e.png?raw=1" width="19" height="18" style="padding-right: 8px" "padding-bottom: 10px"&gt;&lt;a href="http://twitter.com" target="_blank"&gt;&lt;img src="https://www.dropbox.com/s/1lnq77di7mue1zs/twitter_e.png?raw=1" width="22" height="18" style="padding-right: 8px"&gt;&lt;a href="https://www.facebook.com/" target="_blank"&gt;&lt;img src="https://www.dropbox.com/s/as39vdrbwtpvvp7/facebook_e.png?raw=1" width="18" height="18" style="padding-right: 7px"&gt;&lt;/a&gt;&lt;a style=" padding-bottom: 20px" href="https://www.instagram.com" target="_blank"&gt;&lt;img src="https://www.dropbox.com/s/c5clso0ov6qw97g/instagram_e.png?raw=1" width="18" height="18" style="padding-right: 7px"&gt;&lt;/a&gt;&lt;br&gt;
  
  &lt;!-- // FOOTER --&gt;
          © 2020 , Inc&lt;br&gt;
  &lt;a class="appleLinksGrey" style="color: #575F65; " href="https://www..com"&gt;www.website.com&lt;/a&gt;   |   1-8655&lt;br&gt;
  e, CA 91361&lt;br&gt;
         &lt;/td&gt;
        &lt;/tr&gt;
  
  &lt;!-- FULL EMAIL // --&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>