JSFiddle - React, Tailwind, and code Playground

by jkeyes

HTML

<html>
    <head>
        <title></title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://labs.ft.com/wp-content/uploads/2010/03/jquery.ticker.js"></script>
        <style type='text/css'>
            #ticker1 { bottom: 0; font-size: 25px }
            .ticker { margin:0; padding: 0; width: 100%; height: 40px; font-family: Arial, Helvetica; font-size: 30px; position: absolute; }
            .ticker li { float:left; padding-right: 40px }
            body, html { overflow: hidden }
        </style>
    </head>
    <body>
        <div id='ticker1' class="ticker">
            <ul>
                <li>Headline one</li>
                <li>Headline two</li>
            </ul>
        </div>
        <script type="text/javascript">
        var ticker = $('#ticker1').ticker();
        ticker.start();
        </script>
    </body>
</html>