HTML - Problemas con "Marquee"

Hola, talvez sea una duda algo tonta. Pero veréis, ami me gustaría poner varias imagenes con "marquee" que aparecieran por la derecha y desaparecieran por la izquierda. En la primera imagen bién, el problema está que cuándo pongo la segunda, esta se me pone como en la línea de abajo. Y yo quisiera que me apareciera una detrás de otra pero en la misma linea. No sé si me explico... De todas formas dejo aquí las imagenes y el código, por si alguien me puede ayudar♥

Imagen de como me aparece y quiero arreglar:


HTML USADO:

<div style="width: auto; height: 200px; padding: 5px; background-color: white; font-family: times; font-size: 12px; text-align: left; line-height: 100%; color: #000; border: 1px solid #E9E9E9; overflow: auto">
<div style="width: 200px; font-family: lobster two; font-size: 20px; text-align: center; line-height: 70%; color: #222; border-bottom: 1px #000 solid;"> Pases de Curso </div>
<marquee><div style="width: 200px; height: 110px; background-image: url(http://31.media.tumblr.com/f8faf63dad338778b4e652b22dec949d/tumblr_mqymcifIQx1sretbqo1_500.gif); background-size: 190%; border: 6px solid #0B3B24; background-size: 120%"></div><div style="width: 200px; height: 20px; background-size: 100%"><b><p align="center">Entrada a Hogwarts</b> | 24/04/16</p> </div></marquee>
</div>
</div>

Imagen del Html:

Saludos!

Creo que dándole la propiedad "float" a cada "div" padre donde tienes las imágenes podrías resolver el problema.

Prueba float: left

Hola Puedes probar con esto y no salir del Marquee ya que si creas otro seria en otra linea.