title: How to position a SWIPER SLIDE in the centre of the page?
body: <p>The sliding movement is from left to right.when it reaches the last slide.the movement reverses. 
  when,I change <code>margin-left:0;</code> from 0 to say 5...as and when I slide the left space gets on adding up the last slide is seen for half of the screen.</p>
  
  <p>I am working in Phone Gap using java script,html and css. I have implemented a swipeview using <a href="http://www.idangero.us/sliders/swiper/" rel="nofollow">this</a>.</p>
  
  <p>my doubt is how should the <strong>CSS</strong> be.The <strong>CSS</strong> i implemented is as follows.</p>
  
  <pre><code>.swiper-threshold {
  width:100%;
  height:350px;
  margin-top:40px;
  text-align:left;
  line-height:20px;
  font-size: 15px;
  text-align:justify;
  text-justify:inter-word;
  }
  
  .swiper-threshold .swiper-slide{
  width:auto;
  height:350px;
  margin-top:2%;
  margin-left:0;
  padding-right:0%;
  text-align:left;
  line-height:20px;
  font-size: 15px;
  text-align:justify;
  text-justify:inter-word;
  }
  </code></pre>
  
  <p>but,when i give <code>margin-left:0;</code> all are stuck to the left margin.</p>
  
  <p><strong>html coding:</strong></p>
  
  <pre><code> &lt;div id="swipe_body"&gt;
      &lt;div class="swiper-container swiper-threshold"&gt;
          &lt;div class="swiper-wrapper" id="swiper-wrapper"&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>SWIPER-SLIDE creation</strong></p>
  
  <pre><code>            var val = k+1;
              var superdiv = document.getElementById('swiper-wrapper');
              var newdiv =  mySwiper.createSlide('div');
              newdiv.append();
              var divIdName = 'swiper-slide'+val;
              console.log("div name: "+divIdName);
              newdiv.setAttribute('id',divIdName);
              newdiv.className="swiper-slide";
              superdiv.appendChild(newdiv);
              var cnt = '&lt;div id="container'+val+'" class="container"&gt;values&lt;/div&gt;';
              document.getElementById(divIdName).innerHTML=cnt;
              console.log("processsing parameter loop ");
  </code></pre>
  
  <p>what should i give such that n-number of swipes the slides should be the same position-middle of the screen.</p>
  
  <p>please,guide me!</p>