We can't get our email to center align in Yahoo, all other clients seem to work. I have read and tried table-layout: fixed from here: https://litmus.com/blog/fixing-table-alignment-in-yahoo-mail and margin: 0 auto

<!doctype html>
<html>
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<meta content="width=device-width, initial-scale=1.0" name="viewport">               
<!-- <meta class="mktoHTML" id="trackingFacebook" mktoname="Add Facebook tracking link" default="https://www.facebook.com/YouCaring/"> -->  
<!-- <meta class="mktoHTML" id="trackingTwitter" mktoname="Add Twitter tracking link"-->  
<!-- <meta class="mktoHTML" id="trackingInstagram" mktoname="Add Instagram tracking link"-->  
<!-- <meta class="mktoHTML" id="trackingPinterest" mktoname="Add Pinterest tracking link"> -->   
<!-- <meta class="mktoHTML" id="trackingLinkedin" mktoname="Add Linkedin tracking link"> -->  
<!-- <meta class="mktoHTML" id="trackingHelpCenter" mktoname="Add Help Center tracking link"> --> 
<!-- <meta class="mktoHTML" id="trackingUnsubscribe" mktoname="Add Unsubscribe tracking link"> -->   
<title>YouCaring | Email</title> 
<style type="text/css">
      /*reset*/
      body{
        width:100% !important;
        -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
        margin: 0 auto !important;
        padding:0;
      }
      * {
        text-size-adjust: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -webkit-font-smoothing: antialiased;
      }
a{ color: #0091F9 !important;
       text-decoration: none !important;
}

      .ReadMsgBody, .ExternalClass {
        width: 100%;
      }
      .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
        line-height: 100%;
      }

      .none, .none table { mso-hide: all;}

      td{
        border-collapse: collapse !important;
      }
      tr, td {
        padding: 0;
        vertical-align: top;
        text-align: center;
      }

      /*android 4.4 center*/
      div[style*="margin: 16px 0"] {
        margin:0 auto !important;
      }
      table[align="center"] {margin: 0 auto;}
      #outlook a {
        padding:0;
      }


      /*media query*/
      @media screen and (max-width: 600px){
        /*any class with this name will be 100% width on mobile*/
        *[class="100p"] {width:100% !important; height:auto !important;}
      }
    </style> 
</head> 
<body bgcolor="#F4F5F7" max-width="100%" style="margin:0 auto; padding:0;" class="100p"> 
<!-- preheader text --> 
<span style="font-size:0;"> </span> 
<div> 
<!-- start of email --> 
<table style="table-layout: fixed;" align="center" bgcolor="#F4F5F7" border="0" cellpadding="0" cellspacing="0" width="100%"> 
<tbody> 
<tr> 
<td align="center" valign="top"> 
<!--shell --> 
<table align="center" width="100%" border="0" cellpadding="5" cellspacing="0" class="100p" style="margin:0; padding:0;"> 
<tbody> 
<tr> 
<td align="center" valign="top"> 
<!-- logo --> 
<table align="center" width="600" border="0" cellpadding="15" cellspacing="15" class="100p"> 
<tbody> 
<tr align="center"> 
<td align="center" style="padding: 15px;"> <a href="" target="_blank" border="0"><img src="https://static.youcaring.com/cms/email/logo-youcaring.png" alt="YouCaring logo" width="200" border="0" style="text-align:center;"></a> </td> 
</tr> 
</tbody> 
</table> 
<!-- white container --> 
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0" class="100p"> 
<tbody> 
<tr> 
<td> 
<!-- color bar --> 
<table bgcolor="#03D5DD" align="center" border="0" cellspacing="5" cellpadding="0" class="100p" style="width: 100%; min-width:100%;"> 
<tbody> 
<tr> 
<td style="padding: 30px 0 5px 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color:#FFFFFF; text-align:center; text-transform: uppercase; letter-spacing: 2px; line-height: 18px;">Giving Tuesday</td> 
</tr> 
<tr> 
<td style="padding: 0px 0 30px 0; font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; color:#FFFFFF; text-align:center; line-height: 40px;">#YouCaringGives2017</td> 
</tr> 
</tbody> 
</table> 
<!-- content --> 
<table align="center" border="0" cellpadding="0" cellspacing="0" class="100p" style="background-color:#FFFFFF; width:100%; max-width:600px;"> 
<tbody> 
<tr> 
<td valign="top"> 
<!-- header photo --> 
<div id="sectionHeaderPhoto" style="display: True;"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center"> 
<tbody> 
<tr align="center"> 
<td style="padding:0; margin: 0;"> 
<div class="mktoImg" id="headerImage" mktolockimgsize="false">
<img style="" width="602" height="91" src="https://lp.youcaring.com/rs/082-YVK-209/images/youcaring-gives-2017-email-amp-1.png" alt="youcaring-gives-2017-email-amp-1.png">
</div> </td> 
</tr> 
</tbody> 
</table> 
</div> 
<!-- body --> 
<!-- UPDATED TABLE WIDTH AND PADDING  -->
    <table cellpadding="0" cellspacing="0" align="center" border="0" style="width:500px; padding:40px 10px 5px;"> 
<tbody> 
<tr align="center"> 
<td style="font-family: Helvetica, Arial, sans-serif; font-size: 20px; line-height: 30px; color: #3B4354; text-align: center;"> 
<div class="mktoText" id="bodyCopy">
<div>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lobortis nec nisi vel scelerisque. Sed in risus eget ex semper auctor nec venenatis arcu. 
</div>
</div> </td> 
</tr> 
</tbody> 
</table> 
<!-- button --> 
<table align="center" cellpadding="10" cellspacing="0" border="0" class="100p" style="display:True; padding: 20px 0 15px 0; margin: 0 auto;"> 
<tbody> 
<tr align="center"> 
<td align="center"> 
<table align="center" border="0" cellspacing="0" cellpadding="0" style="width:300px; padding: 0 20px; text-align: center;"> 
<tbody> 
<tr style="background-color: #FF5661;"> 
<td align="center" style="color:#FFFFFF; padding:10px; background-color: #FF5661; border: 1px solid #FF5661; border-radius: 6px;"> <a href="" style="background-color:#FF5661; border: 1px solid #FF5661; border-radius: 6px; display:inline-block; font-family: Helvetica, Arial,
sans-serif; font-size:18px; font-weight:bold; line-height:25px; color:#FFFFFF !important; text-decoration:none !important;
text-align:center;"><span style="color:#FFFFFF;">Submit</span></a></td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> 
<!-- space after button --> 
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF; border:none;"> 
<tbody> 
<tr align="center"> 
<td border="0" height="30" bgcolor="FFFFFF" style="background-color:#FFFFFF; border: none;"></td> 
</tr> 
</tbody> 
</table> 
<!-- login section --> 
<div id="sectionLogin" style="display: none;"> 
<hr style="border: none; border-top: 1px solid #C0C5CD; width: 80%;"> 
<table cellpadding="0" cellspacing="0" align="center" border="0" style="padding: 20px 0 30px 0; margin: 0 auto;"> 
<tbody> 
<tr> 
</tr> 
<tr align="center"> 
<td style="padding: 20px 40px; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 25px; color: #3B4354; text-align: center;"> Ready to share? <a href="" style="font-weight:bold; color:#0091f9; text-decoration: none;">Login to your fundraiser now.</a> </td> 
</tr> 
</tbody> 
</table> 
</div> </td> 
</tr> 
</tbody> 
</table> 
<!-- end content --> 
<!-- space after content --> 
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#F4F5F7; border:none;"> 
<tbody> 
<tr align="center"> 
<td border="0" height="30" bgcolor="F4F5F7" style="background-color:#F4F5F7; border: none;"></td> 
</tr> 
</tbody> 
</table> 
<!-- footer --> 
<table align="center" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#F4F5F7" class="100p" style="margin:0; padding:0;"> 
<tbody> 
<tr> 
<td> 
<!-- social media --> 
<div id="sectionSocialMedia" style="display: True;"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="padding: 30px 40px 10px 40px;" class="100p"> 
<tbody> 
<tr align="center"> 
<td align="center" style=""> <span id="iconFacebook" style="display: True;"><a href="https://www.facebook.com/YouCaring/"><img src="https://static.youcaring.com/cms/email/social-facebook.png" width="25" alt="facebook" border="0"></a> <span style="padding: 0 10px;">&nbsp;</span></span> <span id="iconTwitter" style="display: True;"><a href="https://twitter.com/YouCaring/"><img src="https://static.youcaring.com/cms/email/social-twitter.png" width="25" alt="twitter" border="0"></a> <span style="padding: 0 10px;">&nbsp;</span></span> <span id="iconLinkedin" style="display:
True;"> <a href="https://www.linkedin.com/company/youcaring-com"><img src="https://static.youcaring.com/cms/email/social-linkedin.png" width="25" alt="linkedin" border="0"></a> <span style="padding: 0 10px;">&nbsp;</span> </span> <span id="iconInstagram" style="display: True;"> <a href="https://www.instagram.com/youcaring/"><img src="https://static.youcaring.com/cms/email/social-instagram.png" width="25" alt="instragram" border="0"></a> <span style="padding: 0 10px; display: True;">&nbsp;</span> </span> <span id="iconPinterest" style="display: True;"> <a href="https://www.pinterest.com/youcaring/"><img src="https://static.youcaring.com/cms/email/social-pinterest.png" width="25" alt="pinterest" border="0"></a> </span></td> 
</tr> 
</tbody> 
</table> 
</div> 
<!-- address and copy --> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="padding: 1px 40px 0 40px;"> 
<tbody> 
<tr align="center" style="max-width: 100%; width: 600px;"> 
<td style="padding: 10px 10px 0px 10px; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height: 17px; color:#969EAC;"> 
<div class="mktoSnippet" id="copyrightAddressFooter">
<p style="font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px; color: #969eac;">©2017 YouCaring All Rights Reserved.</p> 
<p style="font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px; color: #969eac;"><a href="https://maps.google.com/?q=465+California+Street,+Suite+1200,+San+Francisco,+CA+94104" style="color:#969EAC !important; text-decoration: none;"></a>465 California Street, Suite 1200, San Francisco, CA 94104</p>
</div> </td> 
</tr> 
</tbody> 
</table> 
<div id="sectionDonotreply" style="display: True;"> 
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="padding: 1px 40px 0 40px;"> 
<tbody> 
<tr align="center" style="max-width: 100%; width: 600px;"> 
<td style="padding: 5px 30px 5px 30px; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height: 17px; color:#969EAC;"> Please do not reply to this email. We are unable to respond to inquiries sent to this address. For immediate answers to your questions, visit our <a href="https://help.youcaring.com/hc/en-us" style="color:#969EAC !important; text-decoration: none;">Help Center</a>. </td> 
</tr> 
</tbody> 
</table> 
</div> 
<!-- links --> 
<table border="0" cellpadding="0" cellspacing="0" style="padding: 15px 40px 40px 40px;" width="100%"> 
<tbody> 
<tr align="center"> 
<td style="padding: 0 10px; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height: 18px; color:#969EAC;"> <a href="https://lp.youcaring.com/SubscriptionManagement_LP-SubscriptionManagement.html" style="color:#969EAC !important; text-decoration: none;">Unsubscribe</a> <span style="padding: 0 10px;">|</span> <a href="" style="color:#969EAC !important; text-decoration: none;">Terms of Use</a> <span style="padding: 0 10px;">|</span> <a href="" style="color:#969EAC !important; text-decoration: none;">Privacy Policy</a> </td> 
</tr> 
</tbody> 
</table> </td> 
</tr> 
</tbody> 
</table> 
<!-- end footer --> </td> 
</tr> 
</tbody> 
</table> 
<!-- end container  --> </td> 
</tr> 
</tbody> 
</table> 
<!-- end shell --> 
<!-- end email --> </td> 
</tr> 
</tbody> 
</table> 
</div>  
</body>
</html>