title: Adding css animation to span in text
body: <p>I have a paragraph on my site, off which I want certain words to pulse with animate.css. I have successfully added animate.css to my site, however, when I try to add it to my span class, it is not working. I did some research and it seems like you have to add a display to the span, since animate.css doesn't work if if the display is not working. Here's my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.animatespan {
    display: -moz-inline-stack;
    display: inline-block !important;
    zoom: 1;
    vertical-align: top;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet"/&gt;
  &lt;h1&gt;
    Text that is not supposed to animate 
    &lt;span style="color:#4ceb90" class="animated pulse animatespan"&gt;pulsing word&lt;/span&gt;
    Text that is not supposed to animate
    &lt;span style="color:#4ceb90" class="animated pulse animatespan"&gt;pulsing word&lt;/span&gt;
    Text that is not supposed to animate
    &lt;span style="color:#4ceb90" class="animated pulse animatespan"&gt;pulsing word.&lt;/span&gt;
  &lt;/h1&gt;</code></pre>
  </div>
  </div>
  </p>