title: how to align slide shpw images to center inside div tag
body: <p>I wanted a slide show in my web page, for this I used this code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  #slideshow {
      position:relative;
      height:350px;
  
  }
  
  #slideshow IMG {
      position:absolute;
      top:0;
      left:0;
      z-index:8;
  }
  
  #slideshow IMG.active {
      z-index:10;
  }
  
  #slideshow IMG.last-active {
      z-index:9;
  }
  &lt;/style&gt;
  &lt;script&gt;
  function slideSwitch() {
      var $active = $('#slideshow IMG.active');
  
      if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
  
      var $next =  $active.next().length ? $active.next()
          : $('#slideshow IMG:first');
  
      $active.addClass('last-active');
  
      $next.css({opacity: 0.0})
          .addClass('active')
          .animate({opacity: 1.0}, 1000, function() {
              $active.removeClass('active last-active');
          });
  }
  
  $(function() {
      setInterval( "slideSwitch()", 5000 );
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="slideshow" align="middle"&gt;
      &lt;img src="img/11.jpg" alt="" class="active"  /&gt;
      &lt;img src="img/12.jpg" alt="" /&gt;
      &lt;img src="img/13.jpg.jpg" alt=""  /&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It is coming left of my screen. But I wanted it to come in center of my webpage.</p>
  
  <p>Can anyone please tell me how to do it?</p>
  
  <p>Thanks,
  Regards,
  Sabyasachi</p>