Arkadaşlar web sitemin ana sayfasında İNDİRİM bölümü var bu bölümde eklediğim ürünlerin butonları çıkıyor bu butonlar olduğu yerde duruyor. Bunları sağdan sola doğru kaymasını istiyorum. O bölümün kodlarını bırakıyorum. Yardımcı olursanız çok sevinirim.

<script>
    try {
        var gosterimDurumu = <?=$sites["duygostergizle"]; ?>;
        var duyuruDiv = document.getElementById("duyuruDiv");

        if (gosterimDurumu === 0) {
            duyuruDiv.classList.add("duygizle");
        } else {
            duyuruDiv.classList.remove("duygizle");
        }
    } catch (error) {
        console.error(error);
    }
</script>
<img src="resim/duyuru.gif" width="50px" height="50px"> &nbsp; <strong>İNDİRİM: &nbsp;</strong>
<br>
<?php 
$duyurular = $vt->query("select * from duyurular Order By id DESC")->fetchAll(PDO::FETCH_ASSOC); 

foreach ($duyurular as $duyuru) {
    $duyuruFonks = 'fireSweetdetayduy' . $duyuru['id'];
?>

<button style="font-size:12px;" onclick="<?php echo $duyuruFonks; ?>()" class="btn btn-info btn-sm">
        <?php echo $duyuru["duybaslik"]; ?>
</button>