Tengo este elemento div:

    <div id="tl"  style="float:right;width: 400px; height:100px; background-color:Green; overflow-x: scroll;overflow-y: hidden;">

        <div id='demo' style="float:left;height:90px;"> dsadsad </div>
        <div id='demo' style="float:left;height:90px;"> dsadsad </div>

    </div>

La demo div se copiará por el código más veces dentro de tl div. Quiero desplazar horizontalmente el div div.

¿Cómo puedo lograrlo?