Merhaba,

bu şekilde görünmekte menüleri kapatıyor en basit yöntem olan <br> tagını kullandım ama olmuyor

birde kaymamasını istiyorum nasıl yapabilirim?
yazılım wisecp



kod ;
Alıntı 
<!DOCTYPE html>
<html>
<head>
    <title>Web Sitenizin Başlığı</title>
    <style>
        .announcement-bar {
            background-color: #f8f8f8;
            padding: 5px;
            text-align: center;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9999;
            overflow: hidden;
        }

        .announcement-bar p {
            margin: 0;
            font-size: 14px;
            color: #333;
            font-weight: bold;
            animation: scrollText 20s linear infinite;
        }

        @keyframes scrollText {
            0% {
                transform: translateX(100%);
            }
            100% {
                transform: translateX(-100%);
            }
        }

        .announcement-bar .megaphone {
            display: inline-block;
            font-size: 16px;
            margin-right: 5px;
        }
    </style>
</head>
<body>
    <div class="announcement-bar">
        <p>
            <span class="megaphone">📣</span>
            <strong>Tüm Hosting Paketlerimizde Kampanyalar ve %50'ye Varan İndirimler Sizleri Bekliyor!</strong>
        </p>
    </div>

    <!-- Sayfa içeriği buraya gelecek -->

    <script>
        function closeAnnouncement() {
            document.querySelector('.announcement-bar').style.display = 'none';
        }
    </script>
<br>
<br>
</body>
</html>