I have tried solving this for the past 4 hours. It eludes me and I am going mad trying to figure it out. You will see that all my different colored boxes are slightly to the right at the MOBILE level - why is that? I am going crazy. Its not perfectly centered.

Any help would be appreciated - thanks alot!


<!DOCTYPE html>
<html>
  <head>
    <meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <title>test33</title>
    <style type="text/css">
      img {
      border: 0 none;
      -ms-interpolation-mode: bicubic;
      display: block;
      }
      table td {
      border-collapse: collapse;
      }
      body {
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      margin: 0;
      padding: 0;
      width: 100% !important;
      margin: 0px !important;
      padding: 0px !important;
      }
      .ReadMsgBody {
      width: 100%;
      }
      .ExternalClass {
      width: 100%;
      line-height: 100%;
      }
      table {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
      }
      @media only screen and (max-width: 480px) {
      .padding10 {
      vertical-align: center !important;
      padding: 5px !important;
      }
      .mobileborder {
      border: 1px solid #D9D9D9 !important;
      }
      .chassis {
      width: 100% !important
      }
      .test33block {
      display: block !important
      }
      .tdinline {
      vertical-align: top !important;
      padding-top: 10px !important;
      display: inline-block !important;
      }
      .kimg {
      width: 100% !important;
      height: auto !important;
      }
      .hide {
      display: none !important
      }
      .picpadding {
      padding: 10px !important;
      }
      /* If you need more images - create a new class */
      .sideimage1 {
      width: 70px !important;
      height: auto !important
      }
      .sideimage2 {
      width: 70px !important;
      height: auto !important
      }
      .sideimage3 {
      width: 70px !important;
      height: auto !important
      }
      .bodyimage {
      width: 90% !important;
      height: auto !important
      }
      .paddingtop10 {
      padding-top: 10px;
      }
      .bluebar {
      width: 18px !important;
      }

          .rightbox{width:50% !important;  text-align: center !important; }
          .rightboxcenter{

              margin: 0 auto !important;
              text-align: center !important;
          }

          .mobilepadding{

              padding: 20px !important;
          }
            .testinline { vertical-align:top; padding-top:10px; display:inline-block !important; width:100% !important; text-align: center !important; margin: 0 auto !important;}

          .testinline2 {padding:10px !important; vertical-align:top; padding-top:10px; display:block !important; width:100% !important;  margin: 0 auto !important;}

          .widthtest{
            width:100% !important;

              display:inline-block !important;

          }

      .sidetableresize {
      width: 70px !important;
      padding-left: 10px !important;
      padding-right: 10px !important
      }
      .bluebarmobile {
      width: 15px !important;
      }
            .purplebar{width:100% !important;
            font-weight: bold;}
      .mobiletitle {
      line-height: 15pt !important;
      font-size: 18px !important;
      }
          .iconresize{
          width: 90px !important;
              height:auto !important;
          }

          .paddingt{
          padding:0px !important;
              margin: 0 !important;
          }

          .paddingreset{
          padding: 7px !important;  
          }

      }
    </style>
  </head>
  <body>
    <!--ENGLISH EMAIL-->
    <table width="100%" bgcolor="#ffffff" align="center" cellpadding="0" border="0" cellspacing="0">
      <tr>
        <td valign="top" width="100%" align="center">
          <table align="center" class="chassis" width="650" style="width:650px;" cellpadding="0" border="0" cellspacing="0">
            <!--HIDDEN PREHEADER-->
            <!--<tr><td style="visibility: hidden; font-size: 1px; color: #ffffff; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; display: none !important;">
              Read more           
              </td></tr>-->
            <tr>
              <td align="center" style="color: #000000; line-height: 20px; padding-top: 5px; padding-bottom: 5px; font-family: Arial; font-size: 12.5px; mso-line-height-rule: exactly;">
                <strong>View our recent highlights</strong> 
              </td>
            </tr>
            <tr>
              <td align="center" class="hide" style="color: #000000; line-height: 20px; padding-top: 5px; padding-bottom: 5px; font-family: Arial; font-size: 12.5px; mso-line-height-rule: exactly;">
                To view this email as a web page, click <a href="%%view_email_url%%">here.</a>
              </td>
            </tr>
            <tr>
              <td>
                <table class="chassis" cellpadding="0" border="0" cellspacing="0">
                  <tr>

                    <td valign="top" class="kpadding">
                      <table cellspacing="0" class="mobileborder" bgcolor="#d9d9d9" cellpadding="0" border="0">
                        <!--IMAGE HEADER-->
                        <tbody>
                          <tr>
                            <td>
                              <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                  <td align="center" bgcolor="#005EB8" class="kimg">
                                    <img width="650" style="color:#fff;font-family: arial; font-size:12.5px;" height="220" class="kimg" border="0" alt="test33 Canada" title="test33 Canada" src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/4a0e636dec2347e78542ca52cce48ce4.jpg" />

                                  </td>
                                </tr>
                              </table>



                                <!-- test33 TOP  HOME BAR BEGIN-->  

                                        <!-- <table width="100%"  style="background-color: #00338D" cellspacing="0" cellpadding="5">
                                            <tbody>
                                                <tr>

                                                    <td width="20%" class="purplebar test33block" style="text-align: center; font-family: Arial; font-size: 12px;"><font color="#ffffff"><a title="Register" style="text-decoration: none;" href="{[E-RSVP YES URL]}" alias="Register" conversion="false"><font color="#ffffff">Register</font></a></font></td>
                                                    <td class="purplebar test33block" width="20%" style="text-align: center; font-family: Arial; font-size: 12px; border-left-color: #ffffff; border-left-width: thin; border-left-style: solid;"><font color="#ffffff"><a title="Contact Us" style="text-decoration: none;" href="#" alias="Contact Us" conversion="false"><font color="#ffffff">Contact Us</font></a></font></td>
                                                    <td class="purplebar test33block" width="20%" style="text-align: center; font-family: Arial; font-size: 12px; border-left-color: #ffffff; border-left-width: thin; border-left-style: solid;"><font color="#ffffff"><a title="Home" style="text-decoration: none;" href="#" alias="" conversion="false"><font color="#ffffff">Home</font></a></font></td>
                                                    <td class="purplebar test33block" width="19%" style="text-align: center; font-family: Arial; font-size: 12px; border-left-color: #ffffff; border-left-width: thin; border-left-style: solid;"><a title="" style="text-decoration: none;" href="http://pages.test33email.com/page.aspx?QS=2e4c31a3756cb940af903f205e1f1e041bdb8334b58bad706ad9d7762eb124d4&amp;utm_medium=Email&amp;utm_source=ExactTarget&amp;utm_campaign=" alias="Subscribe" conversion="false"><font color="#ffffff">Subscribe to test33 News</font></a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                                         -->                        
                        <!-- test33 TOP  HOME BAR END-->            

                            </td>
                          </tr>
                          <!------MAIN BODY CONTENT-->

                            <tr>
                                    <td  valign="top" align="left" style="padding-top: 15px; padding-left:25px; padding-right:25px;font-family: arial;font-size: 12.5px"><table width="100%" cellspacing="0" cellpadding="0"><tr><td style="font-family: arial;font-size: 12.5px">

                                        <b>April 2018 | Issue # 001 </b>
                                    </td><td valign="top" style="font-family: arial;font-size:12.5px;padding-left:35px; padding-right:25px;" rowspan="4" align="right">

                                    <a name="anchormobile_en" href="#anchormobile_fr"><b>Français</b></a>
                                    </td></tr></table>


                                    </td>
                                    </tr>
                          <tr>
                            <td align="left" class="mobilepadding" style="padding-top:15px; padding-left:25px; padding-right:25px;padding-bottom:20px">

                                <table width="100%" cellspacing="0" cellpadding="0"><tr><td bgcolor="red" class="mobilepadding"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, culpa, iste. Ad laborum, harum aut minus, maiores iusto ipsam et, corrupti repellat ut, ratione repellendus quisquam! Quibusdam dolorum laudantium maxime.  </td></tr></table>

                              <table width="100%" cellspacing="0"  cellpadding="0">
                             <tr>
                                  <td valign="top" align="left" class="testinline">
                                    <table width="100%" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td align="left" style="line-height: 16px; font-family: Arial; font-size: 12.5px; font-weight: normal;">
                                          <table width="100%" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td valign="top" bgcolor="#470A68" class="test33inine2      paddingtop10" style="line-height: 16px; font-family: Arial;color:#fff; font-size: 12.5px;padding:20px; background-color:#470A68; font-weight: normal;">



            .    <br /><br />

Canadian Managing Partner – Clients and Markets

    <!-- ///////////////PARTNER PICTIRE TABLE CONTAINER DONT REMOVE  ///////// -->   <br /><br />           



                                                <!---End selection-->
                                              </td>



                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>



                                  </td>

                                </tr>
                              </table>

                            <!--    SPACER BETWEEN TOPICS -->
                                 <table width="100%" cellspacing="0" cellpadding="0"><tr><td height="10">&nbsp;</td></tr></table>

                    <!--    HEADER BANNER COLOR TEXT -->    <a href="#" name="pursuit"></a>           

                                <!--    CONTENT UNDER HEADER -->      
                                       <table width="100%" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td align="left" style="line-height: 16px; font-family: Arial; font-size: 12.5px; font-weight: normal; padding:1px;">
                                          <table width="100%" class="paddingreset widhtest" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td valign="top"   bgcolor="#00338d" class="widthtest paddingeset"  style="line-height: 16px; color:#fff;font-family: Arial; font-size: 12.5px; background-color:#00338d; font-weight: normal; padding:10px">


                                            aabg



                <br /><br />                                  
    <!-- ///////////////PARTNER PICTIRE TABLE CONTAINER DONT REMOVE  ///////// -->              



                                                <!---End selection-->
                                              </td> <td width="25%" style="background-color: #0091DA;text-align: center" class="widthtest"> 

                                              <table cellspacing="0" cellpadding="0" width="100%" align="center"><tr><td align="center" width="100%">

                                                    <img  class="iconresize" src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/a346760abb0a485c8755f48738086b84.png" width="130" height="130" alt="" />
                                              </td></tr></table>  



                                                </td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>



         <table width="100%" cellspacing="0" cellpadding="0"><tr><td height="10">&nbsp;</td></tr></table>
                        <a href="#topEN" style="float:left"><img src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/22c6304343474257aea02389a121a1ad.png" width="20" height="20"></a> <br /><br />            
                    <!--    HEADER BANNER COLOR TEXT -->    
                                <a href="#" name="wins"></a>    
                                         <table width="100%" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td align="left" style="line-height: 16px; font-family: Arial; font-size: 12.5px; font-weight: normal;">
                                          <table width="100%" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td valign="top" class="testinline2" width="75%" bgcolor="#00338d" class="paddingtop10" style="line-height: 16px; color:#fff;font-family: Arial; font-size: 12.5px;padding:20px; background-color:#00a3a1; font-weight: normal;">
                                                 <h2 style="border-bottom:1px #fff solid ; color:#fff;margin: 0; padding-bottom:10px">WINS</h2>

                                <br /><br />                              



        r />
Management Consulting has also built a strong pipeline and has an exciting line of sight to Q3/Q4.




                <br /><br />                                  
    <!-- ///////////////PARTNER PICTIRE TABLE CONTAINER DONT REMOVE  ///////// -->              



                                                <!---End selection-->
                                              </td> <td width="25%" style="background-color: #005EB8;text-align: center" class="testinline2"> 

                                              <table cellspacing="0" cellpadding="0" width="100%" align="center"><tr><td align="center" width="100%">

                                                    <img class="iconresize"  src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/4f232469f0bd4707a06afaa1df9bd506.png" width="130" height="130" alt="" />
                                              </td></tr></table>  



                                                </td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>

                                <!--    CONTENT UNDER HEADER -->      




                    <!--    HEADER BANNER COLOR TEXT -->    <a href="#" name="nsmnews"></a>               
                                               <table width="100%" cellspacing="0" cellpadding="0"><tr><td height="10">&nbsp;</td></tr></table>
                        <a href="#topEN" style="float:left"><img src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/22c6304343474257aea02389a121a1ad.png" width="20" height="20"></a> <br /><br />            
                    <!--    HEADER BANNER COLOR TEXT -->    
                                <a href="#" name="wins"></a>    
                                         <table width="100%" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td align="left" style="line-height: 16px; font-family: Arial; font-size: 12.5px; font-weight: normal;">
                                          <table width="100%" cellspacing="0" cellpadding="0">
                                            <tr>
                                              <td valign="top" class="testinline2" width="75%" bgcolor="#00338d" class="paddingtop10" style="line-height: 16px; color:#fff;font-family: Arial; font-size: 12.5px;padding:20px; background-color:#483698; font-weight: normal;">
                                                 <h2 style="border-bottom:1px #fff solid ; color:#fff;margin: 0; padding-bottom:10px">NSM NEWS</h2>

                                <br /><br />                              



            <b>SPOTLIGHT NOMINATIONS </b> <br />
– Part o

    <!-- ///////////////PARTNER PICTIRE TABLE CONTAINER DONT REMOVE  ///////// -->              



                                                <!---End selection-->
                                              </td> <td width="25%" style="background-color: #6D2077;text-align: center" class="testinline2"> 

                                              <table cellspacing="0" cellpadding="0" width="100%" align="center"><tr><td align="center" width="100%">

                                                    <img class="iconresize"  src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/6aeaa4584f51491e88319904636277a4.png" width="130" height="130" alt="" />
                                              </td></tr></table>  



                                                </td>
                                            </tr>
                                          </table>
                                        </td>
                                      </tr>
                                    </table>
                                <!--    CONTENT UNDER HEADER -->      





                                <!--    CONTENT UNDER HEADER -->      




                                <!--    CONTENT UNDER HEADER -->      









                                <table width="100%" cellspacing="0" cellpadding="0"><tr><td height="10">&nbsp;</td></tr></table>
                                    <a href="#topEN" style="float:left"><img src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/22c6304343474257aea02389a121a1ad.png" width="20" height="20"></a> <br /><br />  
                            </td> 
                          </tr>
                          <!---SOCIAL MEDIA CONTENT-->
                          <tr>
                            <td align="left" valign="top" style="border-top:1px solid #A8A8A8;">
                              <table width="140" align="left" border="0" cellspacing="0" cellpadding="0">
                                <tbody>
                                  <tr>
                                    <td style="padding-left:25px;" align="left" valign="top" colspan="4">
                                      <p style="margin: 10px 0px 6px; padding: 0px; ; line-height: 14px; font-family: Arial; font-size: 12.5px; font-style: normal; font-weight: normal;"><a href="http://www.test33.ca/" style="color: #0563c1;" target="_blank">test33.ca</a></p>
                                    </td>
                                  </tr>
                                  <tr>
                                    <td style="padding-left:25px;">
                                      <table>
                                        <tr>
                                          <td>
                                            <a href="http://www.linkedin.com/company/test33-canada" target="_blank"><img width="28" height="28" style="border: 0px currentColor; border-image: none;" alt="LinkedIn" src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/79649dee5f0444a5b0353ba29393b074.jpg" /></a>
                                          </td>
                                          <td><a href="https://twitter.com/test33_Canada" target="_blank"><img width="28" height="28" style="border: 0px currentColor; border-image: none;" alt="Twitter" src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/9799329ddd834fdda2cabeeb5ba6e85a.jpg" /></a></td>
                                          <td><a href="http://www.youtube.com/user/test33Canada" target="_blank"><img width="28" height="28" style="border: 0px currentColor; border-image: none;" alt="YouTube" src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/0554ccc8cf9c4979b436ff54737449f0.jpg" /></a></td>
                                          <td><a href="https://plus.google.com/+test33Ca/posts" target="_blank"><img width="28" height="28" style="border: 0px currentColor; border-image: none;" alt="Google Plus" src="https://custom.cvent.com/66C0FC65436D454680AE32F058BA1240/pix/f202d9153d9144f28accd3dd477fb4b6.png" /></a>
                                          </td>
                                        </tr>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                          <!-- FOOTER CONTENT -->
                          <tr>
                            <td style="line-height: 8pt; font-family: Arial,sans-serif; font-size: 7.5pt; padding:10px 25px 15px;" class="kpadding" align="left">
                              <!-- BEGIN FOOTER PASTE FROM HERE-->

                              <!-- END FOOTER -->


                                <!-- OFT FOOTER EN-->


                                <!--<p style="margin: 15px 0px 0px; padding: 0px; ; line-height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal;"><a href="https://home.test33.com/ca/en/home/misc/contact-test33.html"  target="_blank">Contact Us</a> | <a href="http://pages.test33email.com/page.aspx?QS=2e4c31a3756cb940af903f205e1f1e041bdb8334b58bad706ad9d7762eb124d4"  target="_blank">Manage my Subscriptions</a> | <a href="mailto:ca-fmcdnciccrm@test33.ca?subject=Please%20unsubscribe%20me&amp;body=I%20would%20like%20to%20unsubscribe"  target="_blank">Unsubscribe</a> | <a href="https://home.test33.com/ca/en/home/misc/privacy.html"  target="_blank">test33 in Canada Privacy Policy</a> | <a href="https://home.test33.com/ca/en/home/misc/privacy.html"  target="_blank">test33 On-Line Privacy Policy</a> | <a href="https://home.test33.com/ca/en/home/misc/legal.html"  target="_blank">Legal</a></p>
                                                <p style="margin: 9px 0px 0px; padding: 0px; ; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal;">This email was sent to you by <a href="http://info.test33.ca" style="color: #0563c1;" target="_blank">test33</a>. To sign up to receive event invitations and other communications from us (we have some informative publications that may be of interest to you), or to stop receiving electronic messages sent by test33, visit the <a href="http://pages.test33email.com/page.aspx?QS=2e4c31a3756cb940af903f205e1f1e041bdb8334b58bad706ad9d7762eb124d4" style="color: #0563c1;" target="_blank">test33 Online Subscription Centre</a>.</p>
                                                <p style="margin: 9px 0px 0px; padding: 0px; ; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal;"> At test33 we are passionate about earning your trust and building a long-term relationship through service excellence. This extends to our communications with you.</p>
                                                <p style="margin: 9px 0px 0px; padding: 0px; ; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal;"> Our lawyers have recommended that we provide certain disclaimer language with our messages. Rather than including them here, we're drawing your attention to the following links where the full legal wording appears.</p>
                                                <p style="margin: 9px 0px 0px; padding: 0px; ; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal;"><a href="http://disclaimer.test33.ca" style="color: #0563c1;" target="_blank">Disclaimer concerning confidential and privileged information/unintended recipient</a><br />
                                                <a href="http://taxdisclaimer.test33.ca" style="color: #0563c1;" target="_blank">Disclaimer concerning tax advice</a></p>
                                                <p style="margin: 9px 0px 0px; padding: 0px; ; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal;">If you are unable to access the links above, please cut and paste the URL that follows the link into your browser.</p>
                                                <p style="margin: 9px 0px 0px; padding: 0px; ; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal;">© 2018 test33 LLP, a Canadian limited liability partnership and a member firm of the test33 network of independent member firms affiliated with test33 International Cooperative (“test33 International”), a Swiss entity. All rights reserved.</p>
                                                <p style="margin: 9px 0px 0px; padding: 0px; ; line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; font-style: normal; font-weight: normal;">The test33 name and logo are registered trademarks or trademarks of test33 International.</p>

-->


                                <!-- END OFT FOOTER EN-->

                              <!-- INTERNAL FOOTER EN-->
                              <p style="line-height: 8pt; font-family: Arial,sans-serif; font-size: 7.5pt;">
                                <a title="Contact Us" href="https://home.test33.com/ca/en/home/misc/contact-test33.html" rel="noreferrer" alias="Contact Us" conversion="false">Contact Us</a>&nbsp;|&nbsp;<a href="http://www.test33.ca/en/privacypolicy.html" target="_blank" rel="noreferrer">test33 in Canada Privacy Policy</a>&nbsp;|&nbsp;<a href="https://home.test33.com/xx/en/home/misc/privacy.html" target="_blank" rel="noreferrer">test33 On-Line Privacy Policy</a>&nbsp;|&nbsp;<a href="https://home.test33.com/xx/en/home/misc/legal.html" target="_blank" rel="noreferrer">Legal</a> 
                                <br />
                                <br />
                                &copy; 2018 test33 LLP, a Canadian limited liability partnership and a member firm of the test33 network of independent member firms affiliated with test33 International Cooperative (&quot;test33 International&quot;), a Swiss entity. All rights reserved. The test33 name and logo are registered trademarks or trademarks of test33 International.
                                </p>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <br>
    <!--FRENCH EMAIL-->

    <custom name="opencounter" type="tracking">
  </body>
</html>


<!-- EXTRA STUFF -->


<!--   

<font color="#00338d" style="font-size:40pt;" face="test33 Light">Featured thought leadership</font>  <br><br>
  <span style="color:#00a3a1;font-size:30px">Enterprise color test33 GREEN</span> <br />

  <span style="color:#00338d;font-size:30px">test33 Blue</span> <br>
  <span style="color:#005EB8;font-size:30px">test33 Med Blue</span> <br>

  <span style="color:#0091DA;font-size:30px">test33 light Blue</span> <br>
  <span style="color:#D9D9D9;font-size:30px">test33 Grey</span>

Secondary colours<br>

<span style="color:#483698;font-size:30px">test33 Violet</span><br>
<span style="color:#470A68;font-size:30px">test33 Purple</span> <br>
<span style="color:#6D2077;font-size:30px">test33 L Purple</span><br>
<span style="color:#00A3A1;font-size:30px">test33 Green</span>


-->