title: Display two images side by side on an HTML Page
body: <p>I am trying to place two images of the same size side-by-side. If I use a <code>table</code> 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. </p>
  
  <p>I want to just display both images without any custom background, border, etc.</p>
  
  <p>I tried using <code>div</code>, <code>span</code>, <code>ul</code> &amp; <code>li</code> (etc.) but failed in each case.</p>
  
  <ol>
  <li><p>How can I place two images (of the same size) in a single line, without using a <code>table</code>?</p></li>
  <li><p>If I have to use <code>table</code> for the same, then how can I use two (or more) different formats for my tables using CSS?</p></li>
  </ol>