HTML Ortalama konusunda destek

Merhaba,

HTML kodlarda hizalama ile ilgili yardıma ihtiyacım var.

Hizalama diyince ortalama olarak aşağı doğru anlaşılıyor. Ancak ben yan yana illustrator de olduğu gibi hizalamak istiyorum. Sayfanın yukarıdan aşağı ortalamasını değil, yanyana görsellerin ortalanmasını yani hizalanmasını istiyorum nasıl yapabilirim?

<!-- Clients -->
    <section class="clients">
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <div align="center">
                    <div class="owl-carousel owl-theme">
                        
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/htrlogo.png" alt=""></a>
                        </div>
                            
                        
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/aselsanlogo.png" alt=""></a>
                        </div>
                                                        

                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/nokialogo.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/superonlinelogo.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/ericssonlogo.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/6.png" alt=""></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-5"></div>
            </div>
        </div>
                    </div>

    </section>

Bootstrap'ın hangi sürümünü kullanıyorsunuz?
Bootstrap4 (örneğin)
Google'da Bootstrap4 offset şeklinde aratın. Doğru anladıysam col-md-7 ile belirttiğiniz sütunu ortalamaya çalışıyorsunuz.
Eğer bootstrap 4 ise;

<div class="container">
  <div class="row justify-content-md-center">
    <div class="col col-lg-2">
      1 of 3
    </div>
    <div class="col-md-auto">
      Variable width content
    </div>
    <div class="col col-lg-2">
      3 of 3
    </div>
  </div>
  <div class="row">
    <div class="col">
      1 of 3
    </div>
    <div class="col-md-auto">
      Variable width content
    </div>
    <div class="col col-lg-2">
      3 of 3
    </div>
  </div>
</div>

gibi.

hocam bootstrap ile yapmak istiyorsanız "col" sınıflarını kullanabilirsiniz.
Sadece css ile yapmak istiyorsanız flex veya grid yapısını kullanabilirsiniz.

Teşekkürler mesajlar için ama ben html den hiç anlamıyorum dreamviewer da temayı editliyorum sadece. Tam olarak nasıl yapabilirim. https://themeforest.net/item/norc-co...plate/39442420 tema bu.

<!-- Clients -->
    <section class="clients">
        <div class="container">
            <div class="row justify-content-center ">
                <div class="col-md-7">

                    <div class="owl-carousel owl-theme">
                         
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/htrlogo.png" alt=""></a>
                        </div>
                             
                         
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/aselsanlogo.png" alt=""></a>
                        </div>
                                                         
 
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/nokialogo.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/superonlinelogo.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/ericssonlogo.png" alt=""></a>
                        </div>
                        <div class="clients-logo">
                            <a href="#0"><img src="img/clients/6.png" alt=""></a>
                        </div>
                </div>

            </div>
        </div>
                    </div>
 
    </section>

bi dener misiniz bu şekilde.

Teşekkür ederim, denedim fakat sadece sayfaya ortaladı. Yan yana halen aynı hizada değil. Görseldeki gibi oldu.

Resimlerin yüksekliklerini aynı yapın