<html>
<head>
<style type="text/css">
<link rel="stylesheet" href="stylesheet-pure-css.css">
</style>
<style type="text/css">
#lkj:hover {
border-bottom: 3px solid pink;
}
#abc,#xyz
{
display: inline;
}
table {
border-collapse: collapse;
}
</style>
</head>
<body>
<table cellspacing="0"margin:"0" >
<tbody>
<tr height="0">
<div id="abc" style="width:188px; ">
<img id="lkj" src="image.jpg" height="218" width="140">
</div>
</tr>
<tr>
<div id="xyz" style="width:208px;height:20px " align:"center">
<td>
<div class="example">
<div>
<input id="checkbox2" type="checkbox" name="checkbox" value="2">
<label for="checkbox2"><span></span></label>
</td>
<td>
<p><h6>Rs.2300</h6></p>
</td>
<td>
<a href="http://www.google.co.in"><img src="pint.jpg"alt=""width="15" height="11"></a>
<a href="http://www.google.co.in"><img src="fb.png"alt=""width="15" height="11"></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
I am coming space between two rows . how to reduce space?