<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?