Untitled

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Texto en movimiento</title>
<style>
  .moving-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: moveText 4s linear infinite;
  }

  @keyframes moveText {
    0% {
      transform: translate(-50%, -50%) translateX(-100%);
    }
    100% {
      transform: translate(-50%, -50%) translateX(100%);
    }
  }
</style>
</head>
<body>
<div class="moving-text">COMPLETED</div>
</body>
</html>