title: How do I fill in the gap between these two td's?
body: <p><a href="https://i.stack.imgur.com/OLUJO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OLUJO.png" alt="enter image description here"></a></p>
  
  <p>I want the space between these two td's to be the same light grey as the background on the left.</p>
  
  <p>I tried adding a td in between them, then making it the right color. It was too big and I couldn't change its size or get it to be flush with the left td.</p>
  
  <p>It seems like it should be easy to fix but I've been stuck on it for two days.</p>
  
  <p>Here is the HTML for the whole table. The cells in question are near the bottom of the table.</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>#donation{
      width: 100%;
      margin: auto;
      border-collapse: collapse;
  
  }
  
  .underline{
      border-bottom: 1px solid #eee;
  
  }
  
  #darkgrey{
      width: 41px;
      height: 50px;
      background-color: darkgrey;
      margin: auto;
      padding: 0;
  }
  
  #receipt{
      width: 100%;
      font-size: 15px;
      background-color:#f8f8f8;
      font-family:'Open Sans',sans-serif;
      font-size: 13px;
      color:#393939;
      padding: 0;
      text-align: left;
  
  }
  
  #links{
      background-color: white;
      font-family:'Open Sans',sans-serif;
      font-size: 13px;
      text-align: center;
      width: 100%;
      margin: 0;
  
  }
  
  #fillblank{
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id='donation'&gt;
    &lt;tbody&gt;
      &lt;tr&gt;
        &lt;p class='lightgrey center'&gt;
          You have donated
        &lt;/p&gt;
        &lt;p class='blackbold center'&gt;
          $00.00
        &lt;/p&gt;
        &lt;p class='lightgrey center'&gt;
          to
        &lt;/p&gt;
        &lt;p class='blackbold center'&gt;
          Innocence Project
        &lt;/p&gt;
      &lt;/tr&gt;
      &lt;tr class='underline'&gt;
        &lt;td class='lightgrey left'&gt;
          Charged Amount
        &lt;/td&gt;
        &lt;td class='lightgrey right'&gt;
          $00.00
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr class='underline'&gt;
        &lt;td class='lightgrey left'&gt;
          Donation Date
        &lt;/td&gt;
        &lt;td class='lightgrey right'&gt;
          MM/DD/YYYY 
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr class='underline'&gt;
        &lt;td class ='lightgrey left'&gt;
          Donation Number
        &lt;/td&gt;
        &lt;td class ='lightgrey right'&gt;
          XXXXXXXX 
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id='blank'&gt;
        &lt;td&gt;
          &amp;nbsp;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;
        &lt;div id ='darkgrey'&gt;&lt;img src='receipt.png'&gt;&lt;/div&gt;
        &lt;/td&gt;
        &lt;!-- &lt;td id='fillblank'&gt;
        &lt;/td&gt; --&gt;
        &lt;td id ='receipt'&gt;
          Your official receipt is attached to this email
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>