Html Table Fix

Html Table Fix

Good day, could you please help me how do I align this columns to put one beside each other (no intermediate space), 



output = output + "<table class='tableSize' align='center'><tr><td style='width:60%;vertical-align: top;'>";
output = output + "<table border='1' cellspacing='0' align='center' style='border-color:#EEE;width:60%;margin:0px 0px 0px 0px;' id='billingAdd'>";
output = output + "<tr class='rowHead'><td>Nombre</td></tr>";
for each y in EquipoUtilizado
{
   output = output + "<tr class='rowVal'><td>" + y + "</td></tr>";
}
output = output + "</table>";
output = output + "</td><td style='width:20%;vertical-align: top'>";
output = output + "<table border='1' cellspacing='0' style='border-color:#EEE;width:30%;margin:0px 0px 0px 0px;' id='shippingAdd'>";
output = output + "<tr class='rowHead'><td>Horas</td></tr>";
for each z in EquipoHoras
{
   output = output + "<tr class='rowVal'><td>" + z + "</td></tr>";
}
output = output + "</table>";
output = output + "</td></tr></table>";

CSS

  .tableSize{
          width: 80%;
          margin: 0px auto;
          margin-top: 10px;
  }

  #shippingAdd td{
  text-align:center;
  }

  #billingAdd td{
  text-align:center;
  }

  .rowHead{
  color: #000;
  font-size: 10px;
  font-weight: bold;
  color: #000;
  text-align: center;
  height: 20px;
  background-color: #D5D5D5;
  }
  .rowVal{
  color: #000;
  font-family: Arial;
  font-size: 10px;
  text-align: center;
  height: 20px;
  }