.marquee { height: 2em; overflow: hidden; position: relative; border-left: 2px solid #4a4a4a; border-right: 2px solid #4a4a4a; } .marquee p { position: absolute; margin: 0; text-align: center; white-space: nowrap; transform: translateX(100%); animation: scroll-left 6s linear infinite; } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } }