title: why the margin padding doesn't work in table td and tr?
body: <pre><code>&lt;table  border="0" style="padding:10px;width: 960px;border-collapse: collapse;"&gt;
  
     &lt;tbody&gt;
  &lt;tr&gt;
  &lt;td  style="padding: 0"&gt;&lt;img src="8.jpg" alt="" /&gt;&lt;/td&gt;
  &lt;td  style="padding: 0"&gt;&lt;img src="98.jpg" alt="" /&gt;&lt;/td&gt;
  &lt;td  style="padding: 0"&gt;&lt;img src="998.jpg" alt="" /&gt;&lt;/td&gt;
  &lt;td  style="padding: 0"&gt;&lt;img src="1998.jpg" alt="" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td  style="background-color: #757575;"&gt;11194&lt;/td&gt;
  &lt;td  style="background-color: #757575;"&gt;11194&lt;/td&gt;
  &lt;td  style="background-color: #757575;"&gt;11194&lt;/td&gt;
  &lt;td  style="background-color: #757575;"&gt;11194&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td  style="padding: 0"&gt;&lt;img src="8.jpg" alt="" /&gt;&lt;/td&gt;
  &lt;td  style="padding: 0"&gt;&lt;img src="98.jpg" alt="" /&gt;&lt;/td&gt;
  &lt;td  style="padding: 0"&gt;&lt;img src="998.jpg" alt="" /&gt;&lt;/td&gt;
  &lt;td  style="padding: 0"&gt;&lt;img src="1998.jpg" alt="" /&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>why i can't add margin padding to the tr and td? i want the td  (<code>&lt;td  style="background-color: #757575;"&gt;11194&lt;/td&gt;</code>) have margin-right.namely, each separated by some space. but can't work. how to correct it. and the second tr have some space between the following tr.</p>