title: align images side by side in html
body: <p>I want 3 images side by side with caption, at the moment I have 3 images going from top to bottom, with the caption on the left, not on the centre. How do I make the images appear side by side with caption in the middle? Thanks. </p>
  
  <pre><code>&lt;div class="image123"&gt;
      &lt;img src="/images/tv.gif" height="200" width="200" style="float:left"&gt;
      &lt;p&gt;This is image 1&lt;/p&gt;
      &lt;img class="middle-img" src="/images/tv.gif"/ height="200" width="200"&gt;
      &lt;p&gt;This is image 2&lt;/p&gt;
      &lt;img src="/images/tv.gif"/ height="200" width="200"&gt;
      &lt;p&gt;This is image 3&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>