title: Set alignment to center of the image in the <li>
body: <p>This is my website. <a href="http://cheaandassociates.com/" rel="nofollow">http://cheaandassociates.com/</a></p>
  
  <p>i want to set the alignment of the banner on the home page to center.</p>
  
  <p>Well, this is my html,</p>
  
  <pre><code>&lt;div id="contentmain"&gt;
      &lt;div class="bannerarea"&gt;
        &lt;div class="slideShow"&gt;
          &lt;ul class="slides" style="height: 908px; width: 1071px; overflow: hidden; display: block;"&gt;
  
              &lt;li class="slide" style="position: absolute; display: none;"&gt;&lt;img alt="Banner1" src="images/logo48201140259.jpg" style="margin-left: auto; margin-right: auto;"&gt;&lt;/li&gt;
  
              &lt;li class="slide" style="position: absolute; display: none;"&gt;&lt;img alt="Banner2" src="images/logo48201140327.jpg" style="margin-left: auto; margin-right: auto;"&gt;&lt;/li&gt;
  
              &lt;li class="slide" style="position: absolute; display: none;"&gt;&lt;img alt="Banner3" src="images/logo48201140346.jpg" style="margin-left: auto; margin-right: auto;"&gt;&lt;/li&gt;
  
              &lt;li class="slide" style="position: absolute; display: none;"&gt;&lt;img alt="Banner4" src="images/logo48201140411.jpg" style="margin-left: auto; margin-right: auto;"&gt;&lt;/li&gt;
  
              &lt;li class="slide selected" style="position: absolute; display: list-item;"&gt;&lt;img alt="Banner5" src="images/logo48201140501.jpg" style="margin-left: auto; margin-right: auto;"&gt;&lt;/li&gt;
  
          &lt;/ul&gt;
        &lt;/div&gt;
          &lt;script type="text/javascript"&gt;
              $(document).ready(function() {
                  // simplest example
                  $('.slideShow').slideShow({
                      interval: 20,
                      repeat: false
                  });
              });
          &lt;/script&gt;        
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Images loaded over here are dynamic and their size may vary, so how can i set the images alignment to center, so that even if the width is different then i can show them quite well.</p>
  
  <p>Thanks</p>