how to centre two fading images
<p>I am attempting to lay out some HTML so that I have the heading then the image then a link. I have been trying to do this but have had no luck, currently the images aren't included in the wrapper for whatever reason and appears after both the header and link. Any help will be greatly appreciated. </p>

<p>HTML:</p>

<pre><code>&lt;div class="wrapper"&gt;
  &lt;h3&gt;heading&lt;/h3&gt;
    &lt;div id="cycler"&gt;
      &lt;img class="active" src="/images/baker-own-goal.jpg" alt="My image" style="width:600px;height:400px;"/&gt;
      &lt;img src="/images/Oops.jpg" alt="My image" style="width:600px;height:400px;"/&gt;    
    &lt;/div&gt;
  &lt;a href="/"&gt;Link&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code>#cycler{
  position:relative;
}
#cycler img{
  position:absolute;
  z-index:1;
}
#cycler img.active{
  z-index:3;
}
.wrapper{
  margin-top: 100px;
  margin-right: 260px;
  margin-left: 260px;
  margin-bottom: 100px;
  position: relative;
  letter-spacing: 1px;  
  background: rgb(0, 0, 0); /* fallback color */
  background: rgba(0, 0, 0, 0.7);
  padding: 50px; 
}
.title { 
  text-align: center;
  width: 100%; /* for IE 6 */
  padding-bottom: 10px;
  padding-top: 25px;
}
</code></pre>

<p>Not sure if the JS affects it but will include it anyway:</p>

<pre><code>          function cycleImages(){
              var $active = $('#cycler .active');
              var $next = ($active.next().length &gt; 0) ? $active.next() : $('#cycler img:first');
              $next.css('z-index',2);//move the next image up the pile
              $active.fadeOut(1500,function(){//fade out the top image
                  $active.css('z-index',1).show().removeClass('active');//reset the z-index and unhide the image
                  $next.css('z-index',3).addClass('active');//make the next image the top one
              });
          }
          $(document).ready(function(){
          // run every 5s
          setInterval('cycleImages()', 5000);
          })
</code></pre>

<p>JSFIDDLE:</p>

<p><a href="https://jsfiddle.net/492s6ufx/" rel="nofollow">https://jsfiddle.net/492s6ufx/</a></p>