title: How do I narrow the column gap between two image columns in a table?
body: <p>Here is the jsfiddle: <a href="https://jsfiddle.net/3sr65bx2/3/" rel="nofollow noreferrer">https://jsfiddle.net/3sr65bx2/3/</a></p>
  
  <p>I tried many different basic approaches, nothing seems to be working. All I want to do is narrow the gap between the two columns. How can I easily adjust the code to narrow the gap? This noobie I would greatly appreciate the help!</p>
  
  <p>HTML &amp; CSS</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-css lang-css prettyprint-override"><code>.box2 {
    background: grey;
    padding: 40px 40px 40px 40px;
    text-align: center;
  }
  
  .portfolioimg {
    background: yellow;
  }
  
  td img {
    width: 80%;
    margin-left: 10%;
    padding-bottom: 2px;
    padding-top: 5px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="box2"&gt;
    &lt;p&gt;
      To be, or not to be: that is the question: whether 'tis nobler in the mind to suffer the slings and arrows of outrageous fortune, or to take arms against a sea of troubles, and by opposing end them? To die: to sleep; no more; and, by a sleep to say we
      end the heart-ache and the thousand natural shocks that flesh is heir to, 'tis a consummation devoutly to be wish'd.
    &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="portfolioimg"&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;img src="https://s13.postimg.org/fjvm1u9xz/pic1.png" &lt;/td&gt;
          &lt;td&gt;&lt;img src="https://s13.postimg.org/4myvqxf5z/pic2.png" &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;img src="https://s13.postimg.org/87ur9ueh3/pic3.png" &lt;/td&gt;
          &lt;td&gt;&lt;img src="https://s13.postimg.org/3lyn1kdjb/pic4.png" &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;&lt;img src="https://s13.postimg.org/x14banptj/pic5.png" &lt;/td&gt;
          &lt;td&gt;&lt;img src="https://s13.postimg.org/ctqviei2f/pic6.png" &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>