How to remove vertical distance between 2 headings in a web page

Hi. I have a Web page called index.php. On this page there is a search box where the user searches for property. This is a practice website where I’m learning web development.

In this div I have 2 headings, h3 for title 1 and h5 for title 2 and below is a table for textboxes and a submit button. I have attached the image. [ATTACH]16617[/ATTACH]

In this image you see the distance between first 2 rows. This distance still exists, if I put them out of table.

[B]Question:[/B]
How to remove this distance like the second image, I have attached. [ATTACH]16619[/ATTACH].

This is my html code:

[CODE]<div id=”body-left1″>

<table border=”0″ id=”tbl_find”>

<tr>
<td colspan=”2″> <h3> Find Your House </h3> </td>
</tr>

<tr>
<td colspan=”2″> <h5> 3 Million Properties </h5> </td>
</tr>

<tr>
<td width=”100px”><label>City </label></td>
<td><input type=”text” name=”pCity” placeholder=”City Name”></td>
</tr>

<tr>
<td><label>Property</label></td>
<td><input type=”text” name=”pType” placeholder=”Property Type”></td>
</tr>

<tr>
<td><label>Marla</label></td>
<td><input type=”text” name=”pMarla” placeholder=”How Many Marlas”></td>
</tr>

<tr>
<td><label>Price From</label></td>
<td><input type=”text” name=”pMaxPrice” placeholder=”Maximum Price”></td>
</tr>

<tr>
<td><label>Price To</label></td>
<td><input type=”text” name=”pMinPrice” placeholder=”Minimum Price”></td>
</tr>

<tr>
<td colspan=”2″ align=”center”><br><input type=”submit” name=”search” value=”Search”></td>
</tr>
</table>
</div>[/CODE]

As i am new to web development, I have tried to use code in css.

[CODE]#body-left1
{
float: left;
width: 300px;
height: 250px;
margin: 10px 0px;
background: #EEEEEE;
}

#tbl_find
{
padding-left: 10px;
}

.h3
{
color: #E67621;
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 10px;
margin-top: 10px;
margin-bottom: -20px;
}

#h5
{
font-size: 15px;
padding: 10px 0px 10px 15px;
margin-bottom: -3px;
margin-bottom: -10px;
color: #666;
}
[/CODE]

Please guide me that how to do this.

[canned-message]attachments-removed-during-migration[/canned-message]

Also in #CSS _↴