<!DOCTYPE html>
<html>
<head>
<style>
.marquee-container {
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.marquee-content {
animation: marquee 10s linear infinite;
display: inline-block;
}
@keyframes marquee {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
</style>
</head>
<body>
<div class="marquee-container">
<div class="marquee-content">
<!-- Your content goes here -->
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et lectus id ipsum malesuada aliquet.
Integer auctor hendrerit elit, quis laoreet ligula ultrices id.
</div>
</div>
</body>
</html>