Need help straightening image array out

Hi

Not unusually, when I was asked to put a site together I was given hardly any time, so to rush through it, “cheap and cheerful” solutions were found, such as alligning images up in a table instead of “floating them”. Well now it’s round 2 and I want to improve on what I have and part of that is to float an array of image using CSS.

Not being an expert in CSS, I’m “taking lessons” as and where necessary off https://www.w3schools.com/css/css_float.asp

In my case I’ve tried to replicate the image array that is in a table, using “floats”, i.e in the style.css file I’ve added:

.brummiethumbnail
{
float:left;
width:90px;
height:90px;
margin:2px;
}

and given each image the <img <img class=”brummiethumbnail” …> value…

…however what you see here – https://www.ukmartin.com is the result – NOT what I expected. (this by the way is my R&D site, not my “production” site.)

What I can’t work out is why they are not all aligned in a straight horizontal line, like in the W3Schools example.

Can anyone suggest a fix please?>