.part { background-color: #CBF4A5; color: #000000; float: left; height: 50px; } .picture { width: 50px; height: 50px; background-color: #A4D469; float: left; } .text { font-size: 25pt; float: left; height: 47px; padding: 0px 10px; padding-top: 3px; font-family: Verdana, Geneva, Tahoma, sans-serif; } .parent { height: 50px; width: auto; display: inline-block; position: relative; animation-name: animation; animation-duration: 10s; animation-delay: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; left: -588.6px; } @keyframes animation{ from { left: -588.6px; } to { left: 100%; } } html, body { height: 50px; width: 100%; margin: 0px; padding: 0px; overflow: hidden; } .Layer_1 { height: 40px; width: 40px; margin: 5px 0px 0px 5px; color: #fff; } .Layer_1 path{ height: 40px; width: 40px; margin: 5px 0px 0px 5px; color: #fff; }