Side-by-side images

Hello,

What is the proper way to display two images side-by-side?

The way I do this now is to put two <inlinemediaobjects> into a <para>.
The HTML output is two images side-by-side aligned to the left. Playing
with the align attribute in the <imagedata> tags results in text for the
proceeding paragraphs to creep up in the space between them, since they
are inline. Using the <mediaobject> would separate the images onto two
different lines.

<para>
	<inlinemediaobject>
		<imageobject>
			<imagedata fileref='...' />
		</imageobject>
	</inlinemediaobject>
	<inlinemediaobject>
		<imageobject>
			<imagedata fileref='...' />
		</imageobject>
	</inlinemediaobject>
</para>
 

I feel like I'm tagging these images wrong. <inlinemediaobject> doesn't
really describe the content here since they're not *really* inline.

Is there a "right" way to accomplish this (other than combining two
images into one)? My goal is to get two images side-by-side, center
aligned, though a solution that would work for more than 2 images
side-by-side would be ideal.

Thanks,

DAVID GOSS | Technical Writer
P 1.800.876.9218 x 345 | F 1.800.588.9866

http://www.MuellerReports.com