title: Ignoring gaps in between table data
body: <p>I have a table and what I want is to not make the space between the content as big. This is what the page looks like right now: </p>
  
  <p><img src="https://i.stack.imgur.com/bFsqP.png" alt="web page"></p>
  
  <p>So this is some of the code for the table (I'm not posting it all because it's repetitive, all the tags are closed at the end too).</p>
  
  <p>I have tried changing the padding and margin and it doesn't work. This is the 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>/*styling the table for the add ons*/
  
  table,
  tr,
  td,
  input {
    margin: 30px;
    padding: 10px;
    margin-right: 20px;
    margin-left: 45px;
    line-height: 1.4em;
    font-size: 17px;
  }
  
  .pushRight {
    position: relative;
    left: 10px;
    bottom: 75px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>   
  &lt;table style="width:100%"&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;label&gt;&lt;input type="checkbox" name="example" value="Value"&gt;&lt;span&gt;&lt;b&gt;Voice over artist&lt;/b&gt; &amp;ensp; &amp;euro;475&lt;/span&gt;
          &lt;table&gt;
           &lt;tr&gt;
            &lt;td class="pushRight"&gt;If you require a voice artist for your video project&lt;br&gt;please select this option.&lt;/td&gt;
           &lt;/tr&gt;
          &lt;/table&gt;
         &lt;/td&gt;
         &lt;td&gt;&lt;label&gt;&lt;input type="checkbox" name="example" value="Text"&gt;&lt;span&gt;&lt;b&gt;Creative Concept&lt;/b&gt;&amp;ensp; &amp;euro;1200&lt;/span&gt;
         &lt;table&gt;
           &lt;tr&gt;
            &lt;td class="pushRight"&gt;We are bursting with ideas, so if you don't have one of&lt;br&gt;your own please select this option.&lt;/td&gt;
           &lt;/tr&gt;
          &lt;/table&gt;
         &lt;/td&gt;
        &lt;/div&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;div class="secondRow"&gt;
    &lt;td&gt;&lt;label&gt;&lt;input type="checkbox" name="example" value="Value"&gt;&lt;span&gt;&lt;b&gt;Script&lt;/b&gt; &amp;ensp; &amp;euro;850&lt;/span&gt;&lt;/label&gt;
    &lt;table&gt;
      &lt;tr&gt;
       &lt;td class="pushRight"&gt;If you would like us to allocate our scriptwriter to your project&lt;br&gt;please select this option.&lt;/td&gt;
      &lt;/tr&gt;
     &lt;/table&gt;
    &lt;/td&gt;
    &lt;td&gt;&lt;label&gt;&lt;input type="checkbox" name="example" value="Text"&gt;&lt;span&gt;&lt;b&gt;Storyboarding&lt;/b&gt;&amp;ensp; &amp;euro;875&lt;/span&gt;
    &lt;table&gt;
      &lt;tr&gt;
       &lt;td class="pushRight"&gt;It is not essential to storyboard every video project, &lt;br&gt;however if you would like to include this process,&lt;br&gt;please select this option.&lt;/td&gt;
      &lt;/tr&gt;
     &lt;/table&gt;
    &lt;/td&gt;
   &lt;/div&gt;&lt;/tr&gt;</code></pre>
  </div>
  </div>
  </p>