Html Question posted in
Some basic documentation can be found here.

HTML email not centered in most Outlook app(based on email test results)

I am currently in the process of cleaning my email template code and just found out that the tag and align=center element were already obsolete. What are the other ways to fix this in Outlook? Thanks!

I used margin:auto; to fix the issue. The email looked good on the browser as well as in Gmail when I sent a test. However, I just noticed an issue with Outlook apps when I checked Email on Acid, most of them are not centered on Outlook as it is aligned to the left.

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0 
    <!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>European Summer Ready</title>
    <style>
    body{
        width:100% !important;
        -webkit-text-size-adjust:none;
        margin:0;
        padding:0;
    }
    .ExternalClass {width: 100%;}
    .kmImage, .CToWUd {max-width: 100% !important;}
    img{
        border:0;
        height:auto;
        line-height:100%;
        outline:none;
        text-decoration:none;
    }
    table td tr{
        border-collapse:collapse;
        padding:0;
        border:0;
        text-align:center!important;
        vertical-align: top;
        margin: 0;
        width: 100%;
    }
    :-webkit-any-link {text-decoration: none !important;}
    :-moz-any-link {text-decoration: none !important;}
    :any-link {text-decoration: none !important;}
    a {
        color: #000000 !important; 
    }
    span {
        text-decoration:none !important;
    }
    @media screen (max-width: 500px) {
    .mtext p, .mtext a, .mtext span {font-size: 13px !important;}
        .mobilelay p, .mobilelay a, .mobilelay span {font-size: 12px !important;}
        .footermtext td, .footermtext p, .footermtext a, .footermtext span {font-size: 8px !important;}
        .headermtext td, .headermtext p, .headermtext a, .headermtext span {font-size: 8px !important;}
    }
    @media only screen and (max-device-width: 480px) {
        .mtext p, .mtext a, .mtext span {font-size: 13px !important;}
        .mobilelay p, .mobilelay a, .mobilelay span {font-size: 11px !important;}
        .footermtext td, .footermtext p, .footermtext a, .footermtext span {font-size: 8px !important;}
        .headermtext td, .headermtext p, .headermtext a, .headermtext span {font-size: 8px !important;}
    }
    @media only screen and (max-device-width: 430px) {
        .mobilelay p, .mobilelay a, .mobilelay span {font-size: 10px !important;}
        .footermtext td, .footermtext p, .footermtext a, .footermtext span {font-size: 8px !important;}
        .mtext p, .mtext a, .mtext span {font-size: 13px !important;}
    }
    @media screen (max-width: 414px) {
        td, td a {font-size: 11px !important;}
        .footertext td {margin-left: 10px !important; margin-right: 10px !important;}
    }
    @media screen (max-width: 320px) {
        .mobilelay p, .mobilelay a, .mobilelay span {font-size: 11px !important;}
        .footermtext td, .footermtext p, .footermtext a, .footermtext span {font-size: 10px !important;}
        .mtext p, .mtext a, .mtext span {font-size: 13px !important;}
        .footertext td, .footertext td a {font-size: 5px !important;}
        .footertext td {margin-left: 10px !important; margin-right: 10px !important;}
    }
    @media screen (max-width: 240px) {
        .footertext td, .footertext td a {font-size: 5px !important;}
        .footertext td {margin-left: 10px !important; margin-right: 10px !important;}
    }
    </style>
  </head>
  <body>      
    <!--[if !mso 9]><!-->
    <div id="gmail" style="display: none; width: 0px; overflow: hidden; float: left; max-height: 0px;"><span style="font-size: 1px; display: none !important;">Discover our curated selection of pieces that can be easily paired together for all the occasions of your vacay | Love now, pay later with Afterpay</span>
    </div>
    <!--<![endif]-->
        <table style="background: #ffffff; border-collapse: collapse; width:620px; margin: auto;">        
            <tbody>          
                <tr>            
                    <td>              
                        <table style="border-collapse: collapse; width:620px; max-width:620px;">                
                            <tbody>
                                <tr>                            
                                    <td>                              
                                        <table style="background-color: #ffffff; border-collapse: collapse; width:10px; max-width: 10px; margin: auto;">    
                                            <tbody>                                  
                                                <tr>                                    
                                                    <td style="width:10px">&nbsp;</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td >                      
                                        <table style="border-collapse: collapse; width:600px; max-width: 600px;">      
                                            <tbody> 
                                                <tr>                            
                                                    <td>                              
                                                        <table style="background-color: #ffffff; border-collapse: collapse; width:600px; max-width: 600px; margin: auto;">
                                                            <tbody>
                                                                <tr>                                    
                                                                    <td style="height: 5px; line-height: 5px; background-color: #ffffff;">
                                                                      &nbsp;
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td>                                      
                                                                        <a href="{% unsubscribe_link %}" style="text-decoration: none; color: #000000 !important;" target="_blank"><span style="color: #000000 !important; font-size: 11.5px; font-family:'Courier New', 'Courier', monospace; font-weight: normal; "><u><strong>Unsubscribe</strong></u> or <u><strong>Update preferences</strong></u></span>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td style="height: 30px; line-height: 30px; background-color: #ffffff;">
                                                                      &nbsp;
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>                            
                                                    <td>                              
                                                        <table style="background-color: #ffffff; border-collapse: collapse; width:600px; max-width: 600px; margin: auto;">
                                                            <tbody>  
                                                                <tr>                                    
                                                                    <td>                                      
                                                                        <a href="https://www.flannel.com.au/collections/ensemble-nettie-sleeveless-top-kayla-skirt-kindred-sandal" style="text-decoration: none;" target="_blank">
                                                                            <img alt="main image" src="https://d3k81ch9hvuctc.cloudfront.net/company/JFTPnb/images/b1cc78d4-52a0-4aab-acad-3a458ee995b1.jpeg" style="max-width: 600px; text-decoration: none; display: block; outline: 0;" width="600"/>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td style="height:40px; background-color: #ffffff; font-size: 0px; line-height: 40px;">
                                                                      &nbsp;
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>                            
                                                    <td>
                                                        <table style="background-color: #ffffff; border-collapse: collapse; width:600px; max-width:600px; margin: auto;">
                                                            <tbody>
                                                                <tr style="border-collapse:collapse;">
                                                                    <td  class="outlooktext2">
                                                                        <table style="background-color:#ffffff; border-collapse:collapse; width:600px; max-width:600px;">
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:600px; max-width:600px;">
                                                                                        <a href="https://www.flannel.com.au/collections/ensemble-nettie-sleeveless-top-kayla-skirt-kindred-sandal" style="text-decoration:none; color:#000000 !important;" target="_blank">
                                                                                            <table style="background-color:#f2f1ec; border-collapse:collapse; width:600px; max-width:600px;">
                                                                                                <tbody>
                                                                                                    <tr style="border-collapse:collapse;">
                                                                                                        <td style="height: 15px; background-color:#f2f1ec; font-size: 0px; line-height: 15px;">&nbsp;</td>
                                                                                                    </tr>
                                                                                                    <tr style="border-collapse:collapse;">
                                                                                                        <td>
                                                                                                            <p style="text-align: center; margin:0 !important; padding: 0 !important; font-size: 20px; font-family:'Courier New', 'Courier', monospace; line-height: normal; letter-spacing: 8px;">
                                                                                                                <a href="https://www.flannel.com.au/collections/ensemble-nettie-sleeveless-top-kayla-skirt-kindred-sandal" style="text-decoration:none; color:#000000 !important;" target="_blank">
                                                                                                                    <span style="font-size: 20px; color: #000000; margin-left: 0 !important;  font-family:'Courier New', 'Courier', monospace; font-weight: bold !important;"><strong>SHOP THE LOOK</strong></span>
                                                                                                                </a>
                                                                                                            </p>
                                                                                                        </td>
                                                                                                    </tr>
                                                                                                    <tr style="border-collapse:collapse;">
                                                                                                        <td style="height: 15px; background-color:#f2f1ec; font-size: 0px; line-height: 15px;">&nbsp;</td>
                                                                                                    </tr>
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </a>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>                                    
                                                    <td style="height: 40px; background-color: #ffffff; font-size: 0px; line-height: 40px;">
                                                      &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>                          
                                                    <td>
                                                        <table style="background-color: rgb(255, 255, 255); border-collapse: collapse; width:600px; max-width:600px; margin: auto;">
                                                            <tbody>
                                                                <tr>
                                                                    <td>
                                                                        <table style="background-color:#ffffff; border-collapse:collapse; width:600px; max-width:600px;">
                                                                            <tbody>
                                                                                <tr style="border-collapse:collapse;">
                                                                                    <td>
                                                                                        <table style="background-color:#ffffff; border-collapse:collapse; width:600px; max-width:600px;">
                                                                                            <tbody>
                                                                                                <tr style="border-collapse:collapse;">  
                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:600px; max-width:600px;">
                                    <table style="background-color:#ffffff; border-collapse:collapse; width:600px; max-width:600px;">
                                        <tbody>
                                            <tr style="border-collapse:collapse;">
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:175px; max-width:175px;">
                                                    <table style="background-color:#ffffff; border-collapse:collapse; width:175px; max-width:175px;">
                                                        <tbody>
                                                            <tr style="border-collapse:collapse;">
                                                                <td   class="mtext mobilelay">
                                                                    <a href="https://www.flannel.com.au/products/nettie-s-less-top" style="text-decoration:none; color:#000000 !important; font-weight:bold;" target="_blank"><img  alt="nettie top"  src="https://d3k81ch9hvuctc.cloudfront.net/company/JFTPnb/images/40faf2a8-5e62-4b21-9920-ad4968fa21b1.jpeg" style="max-width:175px; text-decoration:none; display:block; outline-style:none; padding-left: 0; width:175px;"/> </a>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:37px; max-width:37px;">&nbsp;</td>
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:175px; max-width:175px;">
                                                    <table style="background-color:#ffffff; border-collapse:collapse; width:175px; max-width:175px;">
                                                        <tbody>
                                                            <tr style="border-collapse:collapse;">
                                                                <td class="mtext mobilelay">
                                                                    <a href="https://www.flannel.com.au/products/kayla-skirt" style="text-decoration:none; color:#000000 !important; font-weight:bold;" target="_blank"><img  alt="kayla skirt"  src="https://d3k81ch9hvuctc.cloudfront.net/company/JFTPnb/images/0ed730f3-0155-4912-af65-293408dafd12.jpeg" style="max-width:175px; text-decoration:none; display:block; outline-style:none; padding-left: 0; width:175px;"/> </a>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:38px; max-width:38px;">&nbsp;</td>
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:175px; max-width:175px;">
                                                    <table style="background-color:#ffffff; border-collapse:collapse; width:175px; max-width:175px;">
                                                        <tbody>
                                                            <tr style="border-collapse:collapse;">
                                                                <td class="mtext mobilelay">
                                                                    <a href="https://www.flannel.com.au/products/kindred-sandal?variant=44430958002398" style="text-decoration:none; color:#000000 !important; font-weight:bold;" target="_blank"><img alt="kindred sandal"  src="https://d3k81ch9hvuctc.cloudfront.net/company/JFTPnb/images/30532a18-f8ef-48c9-92c6-4f0febb5631b.jpeg" style="max-width:175px; text-decoration:none; display:block; outline-style:none; padding-left: 0; width:175px;"/> </a>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr> 
                                                <tr>
                                                    <td style=" height: 40px; background-color: rgb(255, 255, 255); font-size: 0px; line-height: 40px;">
                                                      &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>                          
                                                    <td>
                                                        <table style="background-color: rgb(255, 255, 255); border-collapse: collapse; width:600px; max-width: 600px; margin: auto;">
                                                            <tbody>
                                                                <tr>
                                                                    <td>
                                                                        <table style="background-color:#ffffff; border-collapse:collapse; width:600px; max-width: 600px;">
                                                                            <tbody>
                                                                                <tr style="border-collapse:collapse;">
                                                                                    <td>
                                                                                        <table style="background-color:#ffffff; border-collapse:collapse; width:600px; max-width: 600px;">
                                                                                            <tbody>
                                                                                                <tr style="border-collapse:collapse;">  
                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:600px; max-width: 600px">
                                    <table style="background-color:#ffffff; border-collapse:collapse; width:600px; max-width: 600px;">
                                        <tbody>
                                            <tr style="border-collapse:collapse;">
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:175px; max-width: 175px;">
                                                    <table style="background-color: rgb(255, 255, 255); border-collapse:collapse; width:175px; max-width: 175px;">
                                                        <tbody>
                                                            <tr style="border-collapse:collapse;">
                                                                <td>
                                                                    <p style="font-size: 13px; color: #000000; margin-top: 0; font-weight: 300; margin-right: 0; line-height: normal; padding-bottom: 0; padding-top: 0; letter-spacing: 0; margin-bottom: 0;">
                                                                        <a href="https://www.flannel.com.au/products/nettie-s-less-top" style="text-decoration:none; color:#000000 !important; font-weight: 300;" target="_blank"><span style="color: #000000 !important; font-family:'Courier New', 'Courier', monospace; padding-top: 0;">Nettie Top</span></a>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="height: 15px; background-color: rgb(255, 255, 255); font-size: 0px; line-height: 15px;">
                                                                  &nbsp;
                                                                </td>
                                                            </tr>
                                                            <tr style="border-collapse:collapse;">
                                                                <td>
                                                                    <p style="font-size: 13px; color: #000000; margin-top: 0; font-weight: bold; margin-right: 0; line-height: normal; padding-bottom: 0; padding-top: 0; letter-spacing: 0; margin-bottom: 0;">
                                                                        <a href="https://www.flannel.com.au/products/nettie-s-less-top" style="text-decoration:none; color:#000000 !important; font-weight: bold;" target="_blank"><span style="color: #000000 !important; font-family:'Courier New', 'Courier', monospace; padding-top: 0;"><strong>shop</strong></span></a>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:37px; max-width: 37px;">&nbsp;</td>
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:175px; max-width: 175px;">
                                                    <table style="background-color:#ffffff; border-collapse:collapse; width:175px; max-width: 175px;">
                                                        <tbody>
                                                            <tr style="border-collapse:collapse;">
                                                                <td>
                                                                    <p style="font-size: 13px; color: #000000; margin-top: 0; margin-bottom: 0; font-weight: 300; margin-left: 0; line-height: normal; padding-bottom: 0; padding-top: 0; letter-spacing: 0;">
                                                                        <a href="https://www.flannel.com.au/products/kayla-skirt" style="text-decoration:none; color:#000000 !important; font-weight: 300;" target="_blank"><span style="color: #000000 !important; font-family:'Courier New', 'Courier', monospace; padding-top: 0;">Kayla Skirt</span></a>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="height: 15px; background-color: rgb(255, 255, 255); font-size: 0px; line-height: 15px;">
                                                                  &nbsp;
                                                                </td>
                                                            </tr>
                                                            <tr style="border-collapse:collapse;">
                                                                <td>
                                                                    <p style="font-size: 13px; color: #000000; margin-top: 0; margin-bottom: 0; font-weight: bold; margin-left: 0; line-height: normal; padding-bottom: 0; padding-top: 0; letter-spacing: 0;">
                                                                        <a href="https://www.flannel.com.au/products/kayla-skirt" style="text-decoration:none; color:#000000 !important; font-weight: bold;" target="_blank"><span style="color: #000000 !important; font-family:'Courier New', 'Courier', monospace; padding-top: 0;"><strong>shop</strong></span></a>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse;  width:38px; max-width: 38px;">&nbsp;</td>
                                                <td  style="font-family:'Courier New', 'Courier', monospace; border-collapse:collapse; width:175px; max-width: 175px;">
                                                    <table      style="background-color: rgb(255, 255, 255); border-collapse:collapse; width:175px; max-width: 175px;">
                                                        <tbody>
                                                            <tr style="border-collapse:collapse;">
                                                                <td>
                                                                    <p style="font-size: 13px; color: #000000; margin-top: 0; margin-bottom: 0; font-weight: 300; margin-left: 0; line-height: normal; padding-bottom: 0; padding-top: 0; letter-spacing: 0;">
                                                                        <a href="https://www.flannel.com.au/products/kindred-sandal?variant=44430958002398" style="text-decoration:none; color:#000000 !important; font-weight: 300;" target="_blank"><span style="color: #000000 !important; font-family:'Courier New', 'Courier', monospace; padding-top: 0;">Kindred Sandal</span></a>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td style="height: 15px; background-color: rgb(255, 255, 255); font-size: 0px; line-height: 15px;">
                                                                  &nbsp;
                                                                </td>
                                                            </tr>
                                                            <tr style="border-collapse:collapse;">
                                                                <td>
                                                                    <p style="font-size: 13px; color: #000000; margin-top: 0; margin-bottom: 0; font-weight: bold; margin-left: 0; line-height: normal; padding-bottom: 0; padding-top: 0; letter-spacing: 0;">
                                                                        <a href="https://www.flannel.com.au/products/kindred-sandal?variant=44430958002398" style="text-decoration:none; color:#000000 !important; font-weight: bold;" target="_blank"><span style="color: #000000 !important; font-family:'Courier New', 'Courier', monospace; padding-top: 0;"><strong>shop</strong></span></a>
                                                                    </p>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                                                                                                </tr>
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>                            
                                                    <td>                              
                                                        <table style="background-color: #ffffff; border-collapse: collapse; width:600px; max-width: 600px; margin: auto;">      
                                                            <tbody>                                  
                                                                <tr>                                    
                                                                    <td style="height: 40px; background-color: #ffffff; font-size: 0px; line-height: 40px;">
                                                                      &nbsp;
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td>                                      
                                                                        <a href="https://www.instagram.com/flannel_au/" style="text-decoration: none;" target="_blank">
                                                                            <img  src="https://d3k81ch9hvuctc.cloudfront.net/company/JFTPnb/images/5712560d-8433-4b56-af69-2ee3256fb907.jpeg" style="max-width: 600px; text-decoration: none; display: block; outline: 0;" width="600"/>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td style="height: 40px; background-color: #ffffff; font-size: 0px; line-height: 40px;">
                                                                      &nbsp;
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>                            
                                                    <td  style="padding:0;margin:0;">                              
                                                        <table style="border-collapse: collapse; width:600px; max-width:600px; margin: auto;">  
                                                            <tbody>    
                                                                <tr>                                    
                                                                    <td>                                      
                                                                        <a href="https://www.flannel.com.au/" style="text-decoration: none; color: #000000 !important;" target="_blank"><span style="color: #000000 !important; font-size: 11.5px; font-family:'Courier New', 'Courier', monospace; font-weight: normal;">FLANNEL HQ 4/31 Broadway, Nedlands, WA, 6009, Australia</span></a>
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td style="height: 40px; line-height: 40px; background-color: #ffffff;">
                                                                      &nbsp;
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td>                                      
                                                                        <a href="https://www.flannel.com.au/" style="text-decoration: none; color: #000000 !important;" target="_blank"><span style="color: #000000 !important; font-size: 11.5px; font-family:'Courier New', 'Courier', monospace; font-weight: normal; ">Copyright &copy; 2024&nbsp;FLANNEL Pty Ltd. All rights reserved.</span></a>
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td  style="height: 40px; line-height: 40px; background-color: #ffffff;">
                                                                      &nbsp;
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td>                                      
                                                                        <a href="mailto:[email protected]" style="text-decoration: none; color: #000000 !important;" target="_blank"><span style="color: #000000 !important; font-size: 11.5px; font-family:'Courier New', 'Courier', monospace; font-weight: normal;">To ensure the delivery of our emails, add <u><strong>[email protected]</strong></u> to your address book.</span>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td>                                      
                                                                        <a href="{% unsubscribe_link %}" style="text-decoration: none; color: #000000 !important;" target="_blank"><span style="color: #000000 !important; font-size: 11.5px; font-family:'Courier New', 'Courier', monospace; font-weight: normal; ">To be removed from this mailing list <u><strong>unsubscribe</strong></u> or <u><strong>change your preferences</strong></u>.</span>
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                                <tr>                                    
                                                                    <td style="height: 20px; line-height: 20px; background-color: #ffffff;">
                                                                      &nbsp;
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td>                              
                                        <table style="background-color: #ffffff; border-collapse: collapse; width:10px; max-width:10px;">
                                        <tbody>                                  
                                                <tr>                                    
                                                    <td style="width:10px">&nbsp;</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

  2. 0

    I am using https://appdevtools.com/html-validator to check the code. However, when I checked the site that you suggested https://www.caniemail.com/ it seems that attributes like center, valign, border, width, etc. is fine to use. So I’m confused about whether to keep them on the code or not.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search