How do change the space between photo and caption?

HTML & CSS
1

I asked this question before but still can’t seem to grasp how to do it… I want to decrease the space between my photos and captions. It may have to do with my use of tables… This is what I have

<table align=“left”>
<tr>
<td><img src=“images/Gair.jpg” width=“200” height=“120”>
</td>

		&lt;/tr&gt;
        &lt;tr&gt;
        &lt;td&gt;&lt;center&gt;&lt;font color="#8A360F"&gt;&lt;font size="3"&gt;The SS Gairsoppa&lt;/font&gt;&lt;/center&gt;&lt;/td&gt;

        &lt;/tr&gt;
        &lt;/table&gt;

And in my CSS I have the following:

.imgAndCapt{text-align:center;}
.imgAndCapt b {color: #8A360F; display:block;
margin-top: 5px;
}

2

That HTML and CSS have nothing to do with one another?

3

Okay then looking at the following, why are the captions to the 2nd two photos not lining up with the first?

<table align=“center”>
<tr>

		&lt;td&gt;&lt;img src="images/Condor.jpg" width="200" height="270"&gt;
		&lt;/td&gt;
        
        
		&lt;td&gt;&lt;img src="images/Ernst.jpg" width="200" height="270"&gt;
		&lt;/td&gt;
        
        &lt;td&gt;&lt;img src="images/sub.jpg" width="270" height="270"&gt;
		&lt;/td&gt;
		
       
		&lt;/tr&gt;
        &lt;tr&gt;
        &lt;td&gt;&lt;center&gt;&lt;font color="#8A360F"&gt;&lt;font size="3"&gt;Condor&lt;/font&gt;&lt;/center&gt;&lt;/td&gt;
        
        &lt;td&gt;&lt;center&gt;&lt;font color="#8A360F"&gt;&lt;font size="3"&gt;&lt;/br&gt;Ernst Mengersen&lt;/font&gt;&lt;/center&gt;&lt;/td&gt;
        
         &lt;td&gt;&lt;center&gt;&lt;font color="#8A360F"&gt;&lt;font size="3"&gt;&lt;/br&gt;U-101&lt;/br&gt; Ernst Mengersen&lt;/font&gt;&lt;/center&gt;&lt;/td&gt;
        
        
        &lt;/tr&gt;
        &lt;/table&gt;
4

Maybe because you have a <br /> in front of the second and third image’s captions

It would be easier to check if you could give a link to the page.