title: Center text div in slider
body: <p>I'm trying to center a text div in a custom slider. </p>
  
  <p>For some reason the CSS won't work. The website is on my test server at <a href="http://bit.ly/ZgawU6" rel="nofollow">http://bit.ly/ZgawU6</a></p>
  
  <p>I want to center the group of text 'Environmental Concern' in the top slider. Similar to this website www.sevenly.org </p>
  
  <p>It works when I change the div to position:relative, instead of position:absolute; however I can only change it with Chrome inspector. When I add it to the CSS file it doesn't work.  </p>
  
  <p>Can anyone point me in the right direction as to why this code isn't working? </p>
  
  <pre><code>.custom-slider-caption, .custom-slider-title {
  line-height: 1.3;
  text-align: center;
  position: relative;
  }
  </code></pre>
  
  <p>The div in question:</p>
  
  <pre><code>&lt;div class="custom-slider-title" style="top: 0px; opacity: 1;"&gt;&lt;div style="position: absolute; left:”0″px; top:140px; right:”0″px; bottom:px; font-size: 43px; color:#fff; text-shadow: 4px 4px 1px #497ca0; "&gt;Environmental Concern&lt;/div&gt;&lt;/div&gt;
  </code></pre>