No hardcoded values — dependent on paragraph width — have been inserted. This did not work: This question here has an answer, which leaves a lot of empty space at the end of each iteration of the marquee: CSS3 Marquee Effect Is there a way to achieve a smooth effect, using CSS3, that doesn't leave this space?. For creating a marquee using CSS, you have to use the CSS animation property together with the @keyframes rule. Alternatively you can use js to remove/add the class with the animation at specific time intervals but @lgants wanted pure css/html. Birşeyi kaydırmak için gerekli kodumuz: şeklindedir. The actual direction therefore depends on direction and overflow-style of the element, as follows: You make sure the text is more than twice the width of the screen, then use negative translate animations to do the marquee movement. : No autoresizing to fit the code. Using CSS Classes makes it easy to select HTML elements when applying the same style to different HTML tags.