title: How to place an image and text under it, side by side using HTML and css?
body: <p>I want to achieve something like this:</p>
  
  <pre><code>|-----------|     |-----------|     |-----------|
  |           |     |           |     |           | 
  |  image    |     |  image    |     |  image    |
  |           |     |           |     |           |
  |-----------|     |-----------|     |-----------|
     image 1           image 2           image 3
  </code></pre>
  
  <p>There should be images side by side and also there should be description about these images under each image.
  I tried placing each image under its own "div" tag and also used display:inline property of css but above format is not getting displayed.</p>