title: Animate.css: sliding animations not working
body: <p>I'm using WoW.js with animate.css to animate some elements on <a href="http://www.bwdmedia.in/camelport/" rel="nofollow">my project</a> and one of the element is just not budging. It's a span tag that say "<code>Learn How We Can Help You Reach Further</code>". On this tag <code>fadeInleft</code> and <code>slideInLeft</code> doesn't work although <code>bounceInRight</code> does work.</p>
  
  <pre><code>&lt;div class="banner-content"&gt;
      &lt;h1 class="banner-header wow flipInX" data-wow-delay="0.2s"&gt;Welcome To Simpler Logistics&lt;/h1&gt;
      &lt;span class="wow fadeInLeft" data-wow-delay="0.4s"&gt;See How We Can &lt;/span&gt;&lt;span class="wow fadeInRight" data-wow-delay="0.4s"&gt;Help You Reach Further&lt;/span&gt;&lt;br&gt;
      &lt;button class="btn btn-trans wow fadeInUp" data-wow-delay="0.6s"&gt;Learn More &lt;i class="fa fa-chevron-down hvr-icon-hang"&gt;&lt;/i&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Changing the <code>&lt;span&gt;</code> tags to <code>&lt;p&gt;</code> tags seems to work (but that's not a solution) so I looked for css that targets the <code>span</code> tag but there isn't any except <code>font-size</code></p>
  
  <pre><code>.banner-content span{
      font-size: 2vw;
  }
  </code></pre>
  
  <p>I tried commenting it out, just to check but that's not it. I tried iolating each css and js file but none of them seems to be the culprit.</p>
  
  <p>Next, I updated to the latest versions of <code>animate.css</code> and <code>wow.min.js</code> but the problem is still there.</p>
  
  <p>Can someone please help me debug the issue?</p>