javascript - p styling not showing up. Typed out one by one -


i have simple html page.
using typed.js jquery plugin make text typed out.

problem none of text in p tags stylized when outputted.
text in p tags printed out 1 one.

typed out @ 1 go.
not sure how fix these issues.

<!doctype html> <html lang="en-us"> <head>     <meta charset="utf-8">     <style type="text/css" media="all">         center {             position: relative;             margin-top: 10%;             line-height: 20px;         }         p {             /*font-family: monaco, monospace; */             font-family: 'lucida console', monospace;             font-size: 1.2em;             color:#00ff00;         }     </style>     <title>personal website</title> </head> <body bgcolor="">     <center>         <div id="typed-strings">              <p>some text </p>             <p>this more text.</p>             <p>no more text after this.</p>         </div>         <span id="typed"></span>     </center>     <script src="jquery.js"></script>     <script src="typed.js" type="text/javascript"></script>     <script>         $(function(){             $("#typed").typed({                 stringselement: $('#typed-strings'),                 typespeed: 0,             });         });     </script> </body> </html> 

for me code working check here change not given style ,#typed

http://jsfiddle.net/8cbl2/25/

   p,#typed {             /*font-family: monaco, monospace; */             font-family: 'lucida console', monospace;             font-size: 1.2em;             color:#00ff00;         } 

Comments

Popular posts from this blog

scala - 'wrong top statement declaration' when using slick in IntelliJ -

c# - DevExpress.Wpf.Grid.InfiniteGridSizeException was unhandled -

PySide and Qt Properties: Connecting signals from Python to QML -