title: align 3 images in same row with equal spaces?
body: <p>i want to align 3 images in same row in a div, the 1st image should be aligned to complete left of page, the third image should be aligned to complete right of the page and the 2nd image should be aligned in exact center of 1st and 3 rd images</p>
  
  <p>tried the below code but its diaplaying the way i want, how to align the 3 images with the 2nd image placed exactly in the center of the other 2 images?</p>
  
  <pre><code> &lt;div&gt;
   &lt;img src="@Url.Content("~/images/image1.bmp")" alt="" align="left" /&gt;
   &lt;div id="content" align="center"&gt; 
   &lt;img src="@Url.Content("~/images/image2.bmp")" alt="" align="center" /&gt;
   &lt;/div&gt;
   &lt;img src="@Url.Content("~/images/image3.bmp")" alt="" align="right"/&gt;
   &lt;/div&gt;
  
  
   &lt;style type="text/css"&gt;
   #content {
  
  
   width:50%;
   margin-left: auto ;
   margin-right:auto ;
  
  
   }
  </code></pre>