Html anlayanlar bakabilirmi 2 tane yan yana koymam lazım

arkadaşlar merhabalar sitede şu şekilde bir bölüm var ben aynısından 1 tane daha yanına eklemek istiyorum kopyala yapıstır yapınca alt alta çıkıyor aceba yan yana düzenlenmiş aynısının kodunu bana verebilirmisiniz teşekkürler



KODLAR

<section class="custom-info2 ">
        
<div class="container">
<div class="col-sm-10 col-md-7">
<div class="thequote custom-info4-column radius relative"> <img src="images/comodossl.png" alt="">
    <div class="ribbon ribbon-small text_dark">
<div class="ribbon-content bg_yellow text-uppercase">KAMPANYA</div>
</div>
<h2 class="text_dark bold">Secure your website and customer data</h2>
                <div class="col-sm-12">
<ul class="list1 text_dark">
<li>Standard SSL, issued in minutes</li>
<li>Industry-leading encryption</li>
<li>Award-winning 24/7 support.</li>
<li>Dedicated 24/7 support</li>
</ul>
</div>
<div class="banner-price"> <span class="text_dark">Starts @ $60.88</span></div>
<a href="" class="btn btn-primary banner-btn btn-lg">View Plans</a>
</div>
</div>
</div>
        </div>
    </section>

1. kutucuğunun ana divine float:left; verirmisin.

merhaba yardımınız için tesekkurler fakat yapamadım alta kod ekledim onuya. o konuya ekleyip yazma şansınız varmı aceba

bütün kapsayıcıya col md-12 vereceksin.

daha sonra her kod sutunu için col md-6 vereceksiniz.

<section class="custom-info2 ">

<div class="container">
<div class="col-sm-10 col-md-12">
<div class="row">
<div class="col-sm-10 col-md-6">
<div class="thequote custom-info4-column radius relative"> <img src="images/comodossl.png" alt="">
<div class="ribbon ribbon-small text_dark">
<div class="ribbon-content bg_yellow text-uppercase">KAMPANYA</div>
</div>
<h2 class="text_dark bold">Secure your website and customer data</h2>
<div class="col-sm-12">
<ul class="list1 text_dark">
<li>Standard SSL, issued in minutes</li>
<li>Industry-leading encryption</li>
<li>Award-winning 24/7 support.</li>
<li>Dedicated 24/7 support</li>
</ul>
</div>
<div class="col-md-6">
<div class="banner-price"> <span class="text_dark">Starts <span class="userTag">@ $60.88<</span>/span></div>
<a href="" class="btn btn-primary banner-btn btn-lg">View Plans</a>
</div>
</div>
</div>
</div>

</div>
</div>

</div>
    </section>

teşekkürler fakat yine yapamadım hocam kdolama bilgim yok , birebir aynısını yan yana şekilde kodunu verebilirmisiniz hocam bu kodu yapıstırırsan 2 tane aynı yan yana çıakr gibi kod

Hocam site adresinizi veya ilgili css kodlarınıda paylaşabilir misiniz ? Üstteki arkadaşın verdiği col-md-12 li örnek bootstrap altyapısı kullanıyorsanız işe yarayacaktır. Verdiğiniz örnek koddanda bootstrap kullandığınız düşünülüyor. Eğer üstteki kod işinizi görmediyse şu şekilde deneyin;

<section class="custom-info2 ">

<div class="container">
<div style="width:100%">




<div class="thequote custom-info4-column radius relative" style="
width: 50%;
float: left;
"> <img src="images/comodossl.png" alt="">
<div class="ribbon ribbon-small text_dark">
<div class="ribbon-content bg_yellow text-uppercase">KAMPANYA</div>
</div>
<h2 class="text_dark bold">Secure your website and customer data</h2>
<div class="col-sm-12">
<ul class="list1 text_dark">
<li>Standard SSL, issued in minutes</li>
<li>Industry-leading encryption</li>
<li>Award-winning 24/7 support.</li>
<li>Dedicated 24/7 support</li>
</ul>
</div>
<div class="banner-price"> <span class="text_dark">Starts <span class="userTag">@ $60.88&lt;</span>/span&gt;</span></div>
<a href="" class="btn btn-primary banner-btn btn-lg">View Plans</a>
</div><div class="thequote custom-info4-column radius relative" style="
width: 50%;
float: right;
"> <img src="images/comodossl.png" alt="">
<div class="ribbon ribbon-small text_dark">
<div class="ribbon-content bg_yellow text-uppercase">KAMPANYA</div>
</div>
<h2 class="text_dark bold">Secure your website and customer data</h2>
<div class="col-sm-12">
<ul class="list1 text_dark">
<li>Standard SSL, issued in minutes</li>
<li>Industry-leading encryption</li>
<li>Award-winning 24/7 support.</li>
<li>Dedicated 24/7 support</li>
</ul>
</div>
<div class="banner-price"> <span class="text_dark">Starts <span class="userTag">@ $60.88&lt;</span>/span&gt;</span></div>
<a href="" class="btn btn-primary banner-btn btn-lg">View Plans</a>
</div>
</div>
</div>

    </section>

<section class="custom-info2 ">
         
<div class="container">
<div class="row">

<div class="col-sm-12 col-md-6">
	<div class="thequote custom-info4-column radius relative"> <img src="images/comodossl.png" alt="">
		<div class="ribbon ribbon-small text_dark">
			<div class="ribbon-content bg_yellow text-uppercase">KAMPANYA</div>
		</div>
		<h2 class="text_dark bold">Secure your website and customer data</h2>
        <div class="col-sm-12">
			<ul class="list1 text_dark">
				<li>Standard SSL, issued in minutes</li>
				<li>Industry-leading encryption</li>
				<li>Award-winning 24/7 support.</li>
				<li>Dedicated 24/7 support</li>
			</ul>
		</div>
		<div class="banner-price"> <span class="text_dark">Starts <span class="userTag">@ $60.88<</span>/span></div>
		<a href="" class="btn btn-primary banner-btn btn-lg">View Plans</a>
	</div>
</div>

<div class="col-sm-12 col-md-6">
	<div class="thequote custom-info4-column radius relative"> <img src="images/comodossl.png" alt="">
		<div class="ribbon ribbon-small text_dark">
			<div class="ribbon-content bg_yellow text-uppercase">KAMPANYA</div>
		</div>
		<h2 class="text_dark bold">Secure your website and customer data</h2>
        <div class="col-sm-12">
			<ul class="list1 text_dark">
				<li>Standard SSL, issued in minutes</li>
				<li>Industry-leading encryption</li>
				<li>Award-winning 24/7 support.</li>
				<li>Dedicated 24/7 support</li>
			</ul>
		</div>
		<div class="banner-price"> <span class="text_dark">Starts <span class="userTag">@ $60.88<</span>/span></div>
		<a href="" class="btn btn-primary banner-btn btn-lg">View Plans</a>
	</div>
</div>

</div>
</div>


</section>

budur

Arkadaşlar yorumlarınız ve yardımınız için çok teşekkürler

bu verdiğiniz koddasağ atraftaki biraz altta kaldı aceba üste nasıl alabilirim sağdakini aynı hizada olması için yani