i have an html table which is coded like the following
some of the code is below:
<table><tr><td><div style="width: 4.999999998%;" class="col-md-.6 col-sm-6"><div style="height: 103px; width:80px;" class="location-block"><div class="city-img"><img src="worldwide-location.png" class="img-responsive" alt="city"><div class="overlay-bg"></div></div><div class="city-dtl text-center"><a href="#" style="margin-left: -30px" class="btn btn-pink hidden-xs">Read More</a></div></div></div></td><td><div style=" width: 4.999999998%;" class="col-md-.6 col-sm-6"><div style="height: 50px; width:80px;" class="location-block"><div class="city-img"><img src="images/wedding-location/location-1.jpg" class="img-responsive" alt="city"><div class="overlay-bg"></div></div><div class="city-dtl text-center"><a href="#" style="margin-left: -30px;" class="btn btn-pink hidden-xs">Read More</a></div></div><div style="height: 50px; width:80px; margin-top: -27px;" class="location-block"><div class="city-img"><img src="images/wedding-location/location-1.jpg" class="img-responsive" alt="city"><div class="overlay-bg"></div></div><div class="city-dtl text-center"><a href="#" style="margin-left: -30px;" class="btn btn-pink hidden-xs">Read More</a></div></div></div></td>the table looks like the following:
as you can see the white space between each column, i am trying to reduce the white space between them, but this is not happening, i have tried padding left and also gave cellspaing to table, its not changing, can anyone tell me whats wrong with my code? thanks in advance