title: How to remove spaces between two tds in a single table
body: <p>I am working in a html table where i have multiple tds there  so my problem is that i want to reduce the space between the tds ,using css how to do that? Here i my code </p>
  
  <pre><code>&lt;table id="employementInfo"&gt;
  &lt;tr&gt;
                  &lt;th colspan="3" id="currentEmploymentHeading"&gt;
                      Current Employment
                  &lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th class="empLeftDiv"&gt;Current Employment status&lt;span style='color: #FF0000; display: inline;'&gt;*&lt;/span&gt;&lt;/th&gt;
                  &lt;% if(employmentStatus.equals("Employeed")) {%&gt;
                  &lt;td class="empRightDiv"&gt;
                      &lt;input type="radio" name="employementStatus" value="&lt;%=employmentStatus %&gt;" checked&gt;Employeed
                      &lt;input type="radio" name="employementStatus" value="Not Employeed"&gt;Not Employeed&lt;br&gt;
                  &lt;/td&gt;
                  &lt;%}else if(employmentStatus.equals("Not Employeed")){%&gt;  
                  &lt;td class="empRightDiv"&gt;
                      &lt;input type="radio" name="employementStatus" value="Employeed"&gt;Employeed
                      &lt;input type="radio" name="employementStatus" value="&lt;%=employmentStatus %&gt;" checked&gt;Not Employeed&lt;br&gt;
                  &lt;/td&gt;
                  &lt;%}
                  else {%&gt;  
                  &lt;td class="empRightDiv"&gt;
                      &lt;input type="radio" name="employementStatus" value="Employeed"&gt;Employeed
                      &lt;input type="radio" name="employementStatus" value="Not Employeed"&gt;Not Employeed&lt;br&gt;
                  &lt;/td&gt;
                  &lt;%}
  
  
                  %&gt;
              &lt;/tr&gt; 
              &lt;tr&gt;
                  &lt;th&gt;Current Title&lt;span style='color: #FF0000; display: inline;'&gt;*&lt;/span&gt;&lt;/th&gt;
                  &lt;td class="empRightDiv"&gt;&lt;aui:input inlineField="true" label="" name="currentJobTitle" size="45" id="currentJobTitle" value="&lt;%=currentJobTitle %&gt;"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Current Employer&lt;span style='color: #FF0000; display: inline;'&gt;*&lt;/span&gt;&lt;/th&gt;
                  &lt;td class="empRightDiv"&gt;&lt;aui:input inlineField="true" label="" name="currentEmployer" size="45" id="currentEmployer" value="&lt;%=currentEmployer %&gt;"/&gt;&lt;/td&gt;               
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Preference for next Opportunity&lt;/th&gt;
                  &lt;% if(nextOppurtunityPreferred.equals("Full Time")) {%&gt;
                  &lt;td class="empRightDiv"&gt;
  
                      &lt;input type="radio" name="nextOppurtunityPreferred" value="&lt;%=nextOppurtunityPreferred %&gt;" checked&gt;Full Time
                      &lt;input type="radio" name="nextOppurtunityPreferred" value="&lt;%=nextOppurtunityPreferred %&gt;"&gt;Contract roles                   
                  &lt;/td&gt;
                   &lt;%}else if(employmentStatus.equals("Contract roles")){%&gt;  
                  &lt;td class="empRightDiv"&gt;
  
                      &lt;input type="radio" name="nextOppurtunityPreferred" value="&lt;%=nextOppurtunityPreferred %&gt;"&gt;Full Time
                      &lt;input type="radio" name="nextOppurtunityPreferred" value="&lt;%=nextOppurtunityPreferred %&gt;" checked&gt;Contract roles                   
                  &lt;/td&gt;
  
                  &lt;%}else {%&gt;  
                  &lt;td class="empRightDiv"&gt;
  
                  &lt;input type="radio" name="nextOppurtunityPreferred" value="Full Time"&gt;Full Time
                  &lt;input type="radio" name="nextOppurtunityPreferred" value="Contract roles"&gt;Contract roles                   
                  &lt;/td&gt; 
                  &lt;%}
                  %&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
  
                  &lt;th&gt;What would be the single biggest motivator in a potential new opportunity?&lt;/th&gt;
                  &lt;td&gt;
                      &lt;select id="motivator" name="motivator" multiple="multiple"&gt;
                          &lt;% while(rs8.next()){
                              motivatorString = rs8.getString("motivators");
                          %&gt;                          
                          &lt;option value ="&lt;%=motivatorString %&gt;" &gt;&lt;%=motivatorString %&gt; &lt;/option&gt;
  
                          &lt;%} %&gt;
                      &lt;/select&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;How many minutes are you willing to commute to get to work?&lt;span style='color: #FF0000; display: inline;'&gt;*&lt;/span&gt;&lt;/th&gt;
                       &lt;% if(workLocationReachingTime.equals("15-30")) {%&gt;
                      &lt;td&gt;
                          &lt;input type="radio" name="workLocationReachingTime" value="&lt;%=workLocationReachingTime  %&gt;" checked&gt;15-30           
                          &lt;input type="radio" name="workLocationReachingTime" value="30-60"&gt;30-60&lt;br&gt;
                          &lt;input type="radio" name="workLocationReachingTime" value="60-90" &gt;60-90            
                          &lt;input type="radio" name="workLocationReachingTime" value="90-120" &gt;90-120&lt;br&gt;
                      &lt;/td&gt;
                       &lt;%}else if(workLocationReachingTime.equals("30-60")){%&gt;  
                      &lt;td&gt;
                          &lt;input type="radio" name="workLocationReachingTime" value="15-30" checked&gt;10-30     
                          &lt;input type="radio" name="workLocationReachingTime" value="&lt;%=workLocationReachingTime  %&gt;" checked&gt;30-60&lt;br&gt;
                          &lt;input type="radio" name="workLocationReachingTime" value="60-90" &gt;60-90            
                              &lt;input type="radio" name="workLocationReachingTime" value="90-120" &gt;90-120&lt;br&gt;
                      &lt;/td&gt;
                       &lt;%}else if(workLocationReachingTime.equals("60-90")){%&gt;  
                          &lt;td&gt;
                              &lt;input type="radio" name="workLocationReachingTime" value="15-30" checked&gt;10-30 
                              &lt;input type="radio" name="workLocationReachingTime" value="30-60"&gt;30-60&lt;br&gt;
                              &lt;input type="radio" name="workLocationReachingTime" value="60-90"&gt;60-90         
                              &lt;input type="radio" name="workLocationReachingTime" value="&lt;%=workLocationReachingTime  %&gt;" checked&gt;90-120&lt;br&gt;
                          &lt;/td&gt;
                       &lt;%}
                        else if(workLocationReachingTime.equals("90-120")){%&gt;  
                          &lt;td&gt;
                              &lt;input type="radio" name="workLocationReachingTime" value="15-30" checked&gt;10-30 
                              &lt;input type="radio" name="workLocationReachingTime" value="30-60"&gt;30-60&lt;br&gt;
                              &lt;input type="radio" name="workLocationReachingTime" value="60-90" &gt;60-90            
                              &lt;input type="radio" name="workLocationReachingTime" value="&lt;%=workLocationReachingTime  %&gt;" checked&gt;90-120&lt;br&gt;
                          &lt;/td&gt;
                       &lt;%}
                        else {%&gt;  
                          &lt;td&gt;
                              &lt;input type="radio" name="workLocationReachingTime" value="15-30" &gt;15-30            
                              &lt;input type="radio" name="workLocationReachingTime" value="30-60" &gt;30-60&lt;br&gt;
                              &lt;input type="radio" name="workLocationReachingTime" value="60-90" &gt;60-90            
                              &lt;input type="radio" name="workLocationReachingTime" value="90-120" &gt;90-120&lt;br&gt;
                          &lt;/td&gt;
                       &lt;%}
                  %&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Are there areas outside your current location that you would be open to considering new work opportunities in? If so please list below&lt;/th&gt;
                  &lt;td&gt;&lt;aui:input inlineField="true" label="" id="candidateLocationPreference" name="candidateLocationPreference" size="45" value="&lt;%=candidateLocationPreference %&gt;"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th colspan="3" id="currentEmploymentHeading"&gt;
                      Annual Compensation Details
                  &lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Select your currency:&lt;/th&gt;
                  &lt;td&gt;
                      &lt;select id="currency" name="currency"&gt;
                          &lt;%
                          while (rs9.next()) { 
                              String currencyValue = rs9.getString("currencyValue");
                              String currencyName = rs9.getString("currencyName");
  
                              if(candidateCurrency.equals(currencyValue)){
                                  //System.out.println("From DB:"+candidateCurrency+" and Current:"+currencyValue);
                          %&gt;
                          &lt;option value="&lt;%=currencyValue%&gt;" selected&gt;&lt;%=currencyName%&gt;&lt;/option&gt;  
                          &lt;% }else{ %&gt;                        
                          &lt;option value="&lt;%=currencyValue%&gt;"&gt;&lt;%=currencyName%&gt;&lt;/option&gt;
                          &lt;%
                              }
                          }
                          %&gt;
                      &lt;/select&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Current Base&lt;span style='color: #FF0000; display: inline;'&gt;*&lt;/span&gt;&lt;/th&gt;
                  &lt;td class="empLeftDiv"&gt;&lt;span class="CurrencySymbol"&gt;&lt;b&gt;$&lt;/b&gt;&lt;/span&gt;&lt;aui:input inlineField="true" label="" name="currentBase" id="currentBase" size="45" value="&lt;%=currentBase %&gt;"/&gt;&lt;span id="errmsg4"&gt;&lt;/span&gt;&lt;/td&gt;
                  &lt;td class="empRightDiv"&gt;&lt;b&gt;$&lt;/b&gt;&lt;aui:input inlineField="true" label="" name="currentBaseInUSD" id="currentBaseInUSD" size="45" value="&lt;%=currentBaseUSD %&gt;" readonly="readonly"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
  
              &lt;tr&gt;
                  &lt;th&gt;Bonus Potential&lt;span style='color: #FF0000; display: inline;'&gt;*&lt;/span&gt;&lt;/th&gt;
                  &lt;td&gt;&lt;span class="CurrencySymbol"&gt;&lt;b&gt;$&lt;/b&gt;&lt;/span&gt;&lt;aui:input inlineField="true" label="" name="bonusPotential" id="bonusPotential" size="45" value="&lt;%=bonusPotential %&gt;"/&gt;&lt;span id="errmsg5"&gt;&lt;/span&gt;&lt;/td&gt;
                  &lt;td class="empRightDiv"&gt;&lt;b&gt;$&lt;/b&gt;&lt;aui:input inlineField="true" label="" name="bonusPotentialInUSD" id="bonusPotentialInUSD" size="45" value="&lt;%=bonusPotentialUSD %&gt;" readonly="readonly"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Benefits&lt;/th&gt;
                  &lt;td&gt;&lt;span class="CurrencySymbol"&gt;&lt;b&gt;$&lt;/b&gt;&lt;/span&gt;&lt;aui:input inlineField="true" label="" name="benefits" id="benefits" size="45" value="&lt;%=benefits %&gt;"/&gt;&lt;span id="errmsg6"&gt;&lt;/span&gt;&lt;/td&gt;
                  &lt;td class="empRightDiv"&gt;&lt;b&gt;$&lt;/b&gt;&lt;aui:input inlineField="true" label="" name="benefitsInUSD" id="benefitsInUSD" size="45" value="&lt;%=benefitsUSD %&gt;" readonly="readonly"/&gt;&lt;/td&gt;
              &lt;/tr&gt;               
              &lt;tr&gt;
                  &lt;th&gt;Car Allowance&lt;/th&gt;
                  &lt;td&gt;&lt;span class="CurrencySymbol"&gt;&lt;b&gt;$&lt;/b&gt;&lt;/span&gt;&lt;aui:input inlineField="true" label="" name="carAllowance" id="carAllowance" size="45" value="&lt;%=carAllowance %&gt;"/&gt;&lt;span id="errmsg8"&gt;&lt;/span&gt;&lt;/td&gt;
                  &lt;td class="empRightDiv"&gt;&lt;b&gt;$&lt;/b&gt;&lt;aui:input inlineField="true" label="" name="carAllowanceInUSD" id="carAllowanceInUSD" size="45" value="&lt;%=carAllowanceUSD %&gt;" readonly="readonly"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Annual Stock (Cash Value)&lt;/th&gt;
                  &lt;td&gt;&lt;span class="CurrencySymbol"&gt;&lt;b&gt;$&lt;/b&gt;&lt;/span&gt;&lt;aui:input inlineField="true" label="" name="stock" id="stock" size="45" value="&lt;%=stock %&gt;"/&gt;&lt;span id="errmsg9"&gt;&lt;/span&gt;&lt;/td&gt;
                  &lt;td class="empRightDiv"&gt;&lt;b&gt;$&lt;/b&gt;&lt;aui:input inlineField="true" label="" name="stockInUSD" id="stockInUSD" size="45" value="&lt;%=stockUSD %&gt;" readonly="readonly"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Total Current Compensation&lt;span style='color: #FF0000; display: inline;'&gt;*&lt;/span&gt;&lt;/th&gt;
                  &lt;td&gt;&lt;span class="CurrencySymbol"&gt;&lt;b&gt;$&lt;/b&gt;&lt;/span&gt;&lt;aui:input inlineField="true" label="" name="totalCompensation" id="totalCompensation" size="45" value="&lt;%=totalCompensation %&gt;" readonly="readonly"/&gt;&lt;span id="errmsg10"&gt;&lt;/span&gt;&lt;/td&gt;
                  &lt;td class="empRightDiv"&gt;&lt;b&gt;$&lt;/b&gt;&lt;aui:input inlineField="true" label="" name="totalCompensationInUSD" id="totalCompensationInUSD" size="45" value="&lt;%=totalCompensationUSD %&gt;" readonly="readonly"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Total Compensation Expectation&lt;span style='color: #FF0000; display: inline;'&gt;*&lt;/span&gt;&lt;/th&gt;
                  &lt;td&gt;&lt;span class="CurrencySymbol"&gt;&lt;b&gt;$&lt;/b&gt;&lt;/span&gt;&lt;aui:input inlineField="true" label="" name="totalExpected" id="totalExpected"  size="45" value="&lt;%=totalExpected %&gt;"/&gt;&lt;span id="errmsg11"&gt;&lt;/span&gt;&lt;/td&gt;
                  &lt;td class="empRightDiv"&gt;&lt;b&gt;$&lt;/b&gt;&lt;aui:input inlineField="true" label="" name="totalExpectedInUSD" id="totalExpectedInUSD" size="45" value="&lt;%=totalExpectedUSD %&gt;" readonly="readonly"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;th&gt;Vacation (in Days)&lt;/th&gt;
                  &lt;td&gt;&lt;aui:input inlineField="true" label="" name="vacation" id="vacation" size="45" value="&lt;%=vacation %&gt;"/&gt;&lt;span id="errmsg7"&gt;&lt;/span&gt;&lt;/td&gt;
  
              &lt;/tr&gt;
  
              &lt;br&gt;            
  
      &lt;table width="9%"&gt;
          &lt;tr&gt;
              &lt;td align="center"&gt;
                  &lt;aui:button type="submit" name="Submit" value="Save" style="width: 160px height:49px;" onclick="employeementDetails();"&gt;&lt;/aui:button&gt;
              &lt;/td&gt;
              &lt;td align="center"&gt;
                  &lt;aui:button type="submit" name="Submit" value="Close" style="width: 160px height:49px;" onclick="hideEmployeement();"&gt;&lt;/aui:button&gt;
              &lt;/td&gt;       
          &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am trying to use a css class </p>
  
  <pre><code>   #employementInfo{
      border-collapse: collapse;
     }
  .empRightDiv{
    width: 20%;
    padding:0px;
    margin:0px;
   }
  </code></pre>
  
  <p>But it is not working ,Somebody please help .</p>