title: HTML : align td in the center of next tr
body: <p>I am creating HTML Emailer. 
  I want to have the td elements to be center in the next tr. if there is 1 td element then it should be center of tr , if there is 2 td elements then also it should be in the center of tr and if there is 3 td elements then it should be in the center of tr. 
  How can I do so? 
  I can't use any external CSS or library as I am making HTML Emailer. 
  I have used the below code. </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;table cellspacing="0" cellpadding="0" border="0" style="background:white; text-align:center; margin: 0 auto !important; padding: 0px; width:600px !important; line-height: 100% !important; border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-family:Arial" &gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;td &gt;
          &lt;table style="width:450px;margin:0 auto;"&gt;
            &lt;tbody&gt;
              &lt;tr&gt;
              
                &lt;td align="center"&gt;
                  &lt;table style="margin:0 15px;"&gt;
                    &lt;tbody&gt;
                      &lt;tr&gt;
                        &lt;td valign="middle"&gt;
                          &lt;img src="http://i.imgur.com/LVHwl97.png" style="padding-right:5px;" alt="" width="18" height="18"&gt;
                        &lt;/td&gt;
                        &lt;td style="border-left:thin black solid; padding:0 0 0 10px;text-align:left;"&gt;
                          
                          &lt;span style="margin:0;font-size:11px;"&gt;element 1 
                          &lt;/span&gt;
                        &lt;/td&gt;
  
                      &lt;/tr&gt;
                    &lt;/tbody&gt;
                  &lt;/table&gt;
                &lt;/td&gt;
                
                &lt;td align="center"&gt;
                  &lt;table style="margin:0 15px;"&gt;
                    &lt;tbody&gt;
                      &lt;tr&gt;
                        &lt;td valign="middle"&gt;
                          &lt;img src="http://i.imgur.com/LVHwl97.png" style="padding-right:5px;" alt="" width="18" height="18"&gt;
                        &lt;/td&gt;
                        &lt;td style="border-left:thin black solid; padding:0 0 0 10px;text-align:left;"&gt;
                          
                          &lt;span style="margin:0;font-size:11px;"&gt;element 1 
                          &lt;/span&gt;
                        &lt;/td&gt;
  
                      &lt;/tr&gt;
                    &lt;/tbody&gt;
                  &lt;/table&gt;
                &lt;/td&gt;&lt;td align="center"&gt;
                  &lt;table style="margin:0 15px;"&gt;
                    &lt;tbody&gt;
                      &lt;tr&gt;
                        &lt;td valign="middle"&gt;
                          &lt;img src="http://i.imgur.com/LVHwl97.png" style="padding-right:5px;" alt="" width="18" height="18"&gt;
                        &lt;/td&gt;
                        &lt;td style="border-left:thin black solid; padding:0 0 0 10px;text-align:left;"&gt;
                          
                          &lt;span style="margin:0;font-size:11px;"&gt;element 1 
                          &lt;/span&gt;
                        &lt;/td&gt;
  
                      &lt;/tr&gt;
                    &lt;/tbody&gt;
                  &lt;/table&gt;
                &lt;/td&gt;&lt;td align="center"&gt;
                  &lt;table style="margin:0 15px;"&gt;
                    &lt;tbody&gt;
                      &lt;tr&gt;
                        &lt;td valign="middle"&gt;
                          &lt;img src="http://i.imgur.com/LVHwl97.png" style="padding-right:5px;" alt="" width="18" height="18"&gt;
                        &lt;/td&gt;
                        &lt;td style="border-left:thin black solid; padding:0 0 0 10px;text-align:left;"&gt;
                          
                          &lt;span style="margin:0;font-size:11px;"&gt;element 1 
                          &lt;/span&gt;
                        &lt;/td&gt;
  
                      &lt;/tr&gt;
                    &lt;/tbody&gt;
                  &lt;/table&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
              
              &lt;tr&gt;
              
                
                
                &lt;td align="center"&gt;
                  &lt;table style="margin:0 15px;"&gt;
                    &lt;tbody&gt;
                      &lt;tr&gt;
                        &lt;td valign="middle"&gt;
                          &lt;img src="http://i.imgur.com/LVHwl97.png" style="padding-right:5px;" alt="" width="18" height="18"&gt;
                        &lt;/td&gt;
                        &lt;td style="border-left:thin black solid; padding:0 0 0 10px;text-align:left;"&gt;
                          
                          &lt;span style="margin:0;font-size:11px;"&gt;element 1 
                          &lt;/span&gt;
                        &lt;/td&gt;
  
                      &lt;/tr&gt;
                    &lt;/tbody&gt;
                  &lt;/table&gt;
                &lt;/td&gt;&lt;td align="center"&gt;
                  &lt;table style="margin:0 15px;"&gt;
                    &lt;tbody&gt;
                      &lt;tr&gt;
                        &lt;td valign="middle"&gt;
                          &lt;img src="http://i.imgur.com/LVHwl97.png" style="padding-right:5px;" alt="" width="18" height="18"&gt;
                        &lt;/td&gt;
                        &lt;td style="border-left:thin black solid; padding:0 0 0 10px;text-align:left;"&gt;
                          
                          &lt;span style="margin:0;font-size:11px;"&gt;element 1 
                          &lt;/span&gt;
                        &lt;/td&gt;
  
                      &lt;/tr&gt;
                    &lt;/tbody&gt;
                  &lt;/table&gt;
                &lt;/td&gt;&lt;td align="center"&gt;
                  &lt;table style="margin:0 15px;"&gt;
                    &lt;tbody&gt;
                      &lt;tr&gt;
                        &lt;td valign="middle"&gt;
                          &lt;img src="http://i.imgur.com/LVHwl97.png" style="padding-right:5px;" alt="" width="18" height="18"&gt;
                        &lt;/td&gt;
                        &lt;td style="border-left:thin black solid; padding:0 0 0 10px;text-align:left;"&gt;
                          
                          &lt;span style="margin:0;font-size:11px;"&gt;element 1 
                          &lt;/span&gt;
                        &lt;/td&gt;
  
                      &lt;/tr&gt;
                    &lt;/tbody&gt;
                  &lt;/table&gt;
                &lt;/td&gt;
              &lt;/tr&gt;
            &lt;/tbody&gt;
          &lt;/table&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help would be great.</p>