title: Styling two tables individually
body: <p>I have two tables. How can I style them individually? I need to center the images with no border in table 1 and in table 2 I need to keep text left aligned with a border.</p>
  
  <p>css:</p>
  
  <pre><code>table, th, td {
      border: 1px solid #999;
      border-collapse: collapse;
  }
  th, td {
      padding: 10px;
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>//table 2
  &lt;table style="width:100%"&gt;
    &lt;tr&gt;
      &lt;td&gt;Jill&lt;/td&gt;
      &lt;td&gt;Smith&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Eve&lt;/td&gt;
      &lt;td&gt;Jackson&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;John&lt;/td&gt;
      &lt;td&gt;Doe&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  //table 1
  &lt;table border="0" style="width:100%"&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;img src="img1.png"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;img src="img2.png"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>