Stacking multiple images on left, text on right, with CSS 1

Peace be to all beings!

I've been through my books, Web tutorials, everything I can think of, and I
can't find answer to this one.  Can the CSS-heads of the list help me?

Click on (or go to) this link:
http://www.geocities.com/kschombergklaiss/stylesheettest.htm .  You see the
batch of graphics and buttons on the left, interspersed through the text.
What I want to do is to have these graphics all on the left, but in one
continuous string, with the text and other elements (as they arise) on the
right.  Can anyone give me a CSS layout that will accomplish this?

Below, slightly condensed into single lines for length in this post, are
what I think are the relevant parts of my sheet.  I've run this through the
W3C validator (except for the new IMG elements), and it passed without a
mistake:

===

P  { text-indent : .5in;}

P.noindent { text-indent : 0in;}

P.deep { margin-left : 1in; margin-right : 1in; text-indent : 0in;}

BODY  { font-size : 12pt; font-family : "Times New Roman", "Times Roman",
serif; font-weight : normal; font-style : normal;
color : #000000; background-color : #FFFFFF; background-image : none;
margin-right : .5in;}

P.center  { text-align : center; margin-left : 0in; text-indent : 0in;}

P.right  { text-align : right;}

IMG.floatleft { float : left;}

===

Thanks in advance for help.
-----
Bruce Klaiss, MSLS
Harper Information Services
Information Design, Brokerage and Consultation

Contact mailto:harper(at)dbtech.net

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA