title: Moving a slide show to the left in html
body: <p>In my website I added a slide show and it works. However my slideshow is on the left side and I want to be able to  move the whole slideshow over so it's in the spot I want it to be. How do I do this?? I put the code for only the slideshow in the bottom. I have been using Html and Css.  </p>
  
  <pre><code>&lt;div class="SlideShow" style="max-width:500px"&gt;
    &lt;img class="mySlides" src="Image1.jpg" style="width:100%"/&gt;
    &lt;img class="mySlides" src="Image2.jpg" style="width:100%"&gt;
  
    &lt;a class="display-left" onclick="plusDivs(-1)"&gt;&amp;#10094;&lt;/a&gt;
  &lt;a class="display-right" onclick="plusDivs(+1)"&gt;&amp;#10095;&lt;/a&gt;
  &lt;/div&gt;
  
  
  &lt;script&gt;
  var myIndex = 0;
  carousel();
  
  function carousel() {
      var i;
      var x = document.getElementsByClassName("mySlides");
      for (i = 0; i &lt; x.length; i++) {
         x[i].style.display = "none";
      }
      myIndex++;
      if (myIndex &gt; x.length) {myIndex = 1}
      x[myIndex-1].style.display = "block";
      setTimeout(carousel, 4000); // Change image every 4 seconds
  }
  
  &lt;/script&gt;
  &lt;/style&gt;
  </code></pre>