Dimensions in a class

I have some code, but i don;t know if it works!

My site will contain around 100 thumbnail images, all the same size -
width:120px ; height:160px  or
width:160px ; height:120px

Rather than put this code above every one of the images, i decided to move
them into a class:

css:
========================================================
.tnVertRight {width:120px ; height:160px ; float:right ; border:1px solid
black }
.tnVertCentre {width:120px ; height:160px ; float:none ; border:1px solid
black ; }

(etc. for all float values)
========================================================
 and in the HTML code
========================================================
<img class="tnVertCentre" src="images/BTCV07_tn.jpg" alt="Erection of new
board (BTCV07_tn.jpg)"  />
========================================================

Whilst i know that the positioning (float and border) work ok, i cannot
confirm that the dimensions are working as planned;
or whether they are ignored so the page needs to load them before display.
Can anyone suggest how i can ensure that a browser (that handles CSS!) knows
in advance,
from using this style, the dimensions of the images?

And I'd be interested on any comments on this approach, if it does work!

thanks -

Hilma
-x-----

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA