Typed.js Animated blinker cursor not working
<p>So I'm trying to use the blinker cursor on typed.js an awesome js.plugin which can be found here: <a href="https://github.com/mattboldt/typed.js" rel="nofollow">https://github.com/mattboldt/typed.js</a></p>

<p>I'm trying to get the blinker cursor inline with the text as it types but as you can see at the minute from the jsfiddle: <a href="https://jsfiddle.net/harrydry/p4ev1nj2/" rel="nofollow">https://jsfiddle.net/harrydry/p4ev1nj2/</a> 
it is just blinking on the side. </p>

<p>The reason for this is that I have applied some an id to typed so that the text is centered and the font is changed etc. </p>

<p>Unfortunately, this seems to have ruined the blinker effect. </p>

<p>Is anyone aware of how to get both the blinker working with CSS styling applied as shown on the js fiddle. </p>

<pre><code>    .typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    }
    @keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
    }
    @-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
    }
    @-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
    }
</code></pre>

<p>This is the code on typed.js page to get the typed-cursor blinking correctly </p>

<p>Thanks a lot for any help. Of course, I will upvote the correct answer etc. 
Enjoy the day 
harry :) </p>