<div class="tab-content mt-sm-30 mt-30">
</div>
<div class="container">
<div class="card d-inline-block w-sm-360p">
<div class="card-body">
<div class="d-flex flex-wrap">
<img class="d-86 rounded mb-15 mr-15" src="https://pbs.twimg.com/profile_images/748766480074874880/r_WRl7rK.jpg" alt="thumb">
<div class="w-65">
<h6 class="mb-5">Alıcı: </h6>
<p>Şube:</p>
<p>Şube No:</p>
<p>Hesap No:</p>
</div>
</div>
<input hidden id="myInput" value="TR900 0000 0000 0000 1410 541s5"><a onclick="myFunction()"><font color="green">TR900 0000 0000 0000 1410 5415 <i class="fa fa-copy"></i></font></a></span>
<script>
function myFunction() {
var copyText = document.getElementById("myInput");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
alert("İban Numarası Kopyalandı: " + copyText.value);
}
</script>
</div>
<div class="card-footer text-muted justify-content-between">
<div><span class="text-dark">
<button class="btn btn-icon btn-icon-circle btn-indigo btn-icon-style-3"><span class="btn-icon-wrap"><i class="fa fa-paper-plane"></i></span></button>
<button class="btn btn-icon btn-icon-circle btn-danger btn-icon-style-3"><span class="btn-icon-wrap"><i class="fa fa-pinterest"></i></span></button>
</span> </div>
<button class="btn btn-primary btn-wth-icon btn-sm"> <span class="icon-label"><span class="feather-icon"><i data-feather="credit-card"></i></span> </span><span class="btn-text">Ödeme Bildirimi</span></button>
</div>
</div>
</div>
</div>İkinci defa ayn kodu ekleyince, yan yana değilde alt alta geliyor. sıradaki gelecek olan aynı kutucuğun alta değilde yana gelmesini istiyorum. Nasıl yapabilirim?