img 并排,在HTML页面上并排显示两个图像

I am trying to place two images of the same size side-by-side. If I use a table then I am able to display both images side-by-side. But in my CSS Stylesheet I am using a custom format for the table and this shows on the page containing the images, too.

I want to just display both images without any custom background, border, etc.

I tried using div, span, ul & li (etc.) but failed in each case.

How can I place two images (of the same size) in a single line, without using a table?

If I have to use table for the same, then how can I use two (or more) different formats for my tables using CSS?

解决方案

You can do like:

.left{float:left;}