This is as far as you can get with CSS alone, I think, Horizontal with one right and one left : https://codepen.io/Rayeesac/pen/JjGEYRZ, Vertical with one top and one bottom: https://codepen.io/Rayeesac/pen/eYJgpVy. How to sort and extract a list containing products. Marquee continuously scroll without gap Marquee tag is rotate the div content, as user specified direction like up, down, left and bottom. Using tag we can set text/images scroll from right to left, left to right, top to bottom, or bottom to top. I can't remember why I didn't accept it before but I was probably waiting until I tried it and forgot. Thanks for contributing an answer to Stack Overflow! Why do different substances containing saturated hydrocarbons burns with different flame? HTML marquee code continuous scrolling text. I have designed in homepage with scrolling text at particular area within box.its working like scroll. But this tag has been deprecated in the new version of HTML, i.e., HTML 5. Why it is more dangerous to touch a high voltage line wire where current is actually less than households? w3schools .com LOG IN To learn more, see our tips on writing great answers. ← HTML marquee Tag Start and Stop scrolling by Mouse over and mouse out → This article is written by plus2net.com team. Is there a phrase/word meaning "visit a place for a short period of time"? By using our site, you acknowledge that you have read and understand our Cookie Policy, Privacy Policy, and our Terms of Service. The m1 is the id of our div tag that will display the marquee. How should I save for a down payment on a house while also maxing out my retirement savings? How do I combine a background-image and CSS3 gradient on the same element? $('.marquee').marquee({//speed in milliseconds of the marquee duration: 5000, //gap in pixels between the tickers gap: 50, //time in milliseconds before the marquee will start animating delayBeforeStart: 0, //'left' or 'right' direction: 'up', //true or false - should the marquee be duplicated to show an effect of continues flow duplicated: true}); The options are scroll, slide, and alternate.Scroll starts with the content completely off screen, and then it moves across the visible area until it is all completely off screen again HTML5 The definition of '