body { margin: 0; font-family: Arial, sans-serif; } .moving-word-container { display: flex; overflow: hidden; white-space: nowrap; background: #FEEA00; font-size: 0.8em; /* Ukuran huruf lebih kecil */ font-weight: bold; color: #333; height: 40px; /* Tinggi container marquee */ align-items: center; /* Pusatkan teks secara vertikal */ } .moving-word { display: flex; animation: marquee 15s linear infinite; /* Animasi marquee */ } .moving-word-item, .dot { margin-right: 20px; /* Jarak antara teks dan titik */ } .dot::after { content: "•"; /* Menambahkan titik */ margin: 0 10px; /* Spasi di sekitar titik */ } @keyframes marquee { 0% { transform: translateX(0%); /* Mulai dari posisi awal */ } 100% { transform: translateX(-50%); /* Geser ke kiri sejauh 50% */ } }