JSFiddle - React, Tailwind, and code Playground

by jimsteinhart

HTML

<ul id="vertical-ticker">
    <li>
        <div style="display: block; width: 25px; height: 25px; background: #ffffff; border: 1px solid #ccc;"></div>
         One Time
    </li>
    <li>Baby</li>
    <li>One Less Lonely Girl</li>
    <li>Somebody to Love</li>
    <li>Eenie Meenie</li>
    <li>Never Say Never</li>
    <li>U Smile</li>
</ul>

CSS

#vertical-ticker{
    background: #fff;
    overflow:hidden;
    margin: 0;
    padding: 0 5px;    
    width: 90px;

    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
       -moz-border-radius: 12px; /* FF1-3.6 */
            border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    
    -webkit-box-shadow: inset 0px 0px 5px #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
       -moz-box-shadow: inset 0px 0px 5px #000; /* FF3.5 - 3.6 */
            box-shadow: inset 0px 0px 5px #000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
            
}

    #vertical-ticker li{
        padding:0;    
        margin: 0;
        display:block;
        border-bottom:1px solid #000;
        height: 100px;

    }