Bu divleri ekranın ortasına nasıl alabilirim sağ tarafta daha fazla boşluk var ama ben eşit olmasını istiyorum
Bu divlerin kodları aşağıda

  <div class='card' style='width: 18rem; margin:3%;  float:left;' id='$id'>
  <img class='card-img-top' src='/kaynak/img/X.png' alt='Card image cap'>
  <div class='card-body rounded'>
    <h5 class='card-title'><stonrg>BASLİK: </strong><strong><font color=green>$XCV</font></strong></h5>
  </div>
  <ul class='list-group list-group-flush'>
    <li class='list-group-item'><strong>BASLİK X:</strong> <strong><font color=red>$saat</font></strong></li>
  </ul><a href='X-iptal.php?id=$id' class='btn btn-danger mt-2' style='border: none;'><font color=white>İşlemi tamamla</font></a>


</div>