Display two images side by side on an HTML Page
css, html, html-table, image
Solution
You can do like:
<style type="text/css">
.left{float:left;}
</style>
<img class="left" src="path here" />
<img class="left" src="path here" />
Problem
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?