title: Table's formats on Google Chrome (pure html)
body: <p>I'm trying to understand where I'm making the mistake on this code, but I can't. Works fine on Firefox and IE, but in Chrome the inner cells are not centered like the code seems to do.</p>
  
  <pre><code>&lt;table cellpadding="0" cellspacing="0" style="width: 100%"&gt;
      &lt;tr&gt;
          &lt;td rowspan="7"&gt;&lt;/td&gt;
          &lt;td style="width: 600px; height: 100px;"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td rowspan="7"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="style1" valign="top"&gt;&lt;?php echo($title); ?&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="style2" valign="top"&gt;&lt;?php echo($subtitle); ?&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="style3" valign="top"&gt;&lt;?php echo($content); ?&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td class="style4"&gt;&lt;?php echo($endtitle); ?&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="width: 600px; height: 30px"&gt;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style="width: 600px; height: 100px" class="style5" valign="top"&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Style1 and 2 and so are simple as:</p>
  
  <pre><code>.style1 {
      text-align: center;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      font-size: 32px;
      color: #2B2B2B;
      width: 600px;
  }
  </code></pre>
  
  <p>With only some fonts diferents</p>
  
  <p>The firts image shows how google chrome renders it, and the second how firefox do it:
  <img src="https://i.stack.imgur.com/aEcyQ.jpg" alt="enter image description here"></p>