Divler yan yana alınmıyor

Arkadaşlar bu sorun beni yedi bitirdi.



Şuradaki 3 tane div yan yana gelmesi gerek 1 tanesi en aşağıda oluyor kod bu şekilde

<Div style="padding: 300px; float: Left;">
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

<Div style="padding: 300px;">
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

<Div style="padding: 300px;">
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

kureklahmacuq dedi:

Arkadaşlar bu sorun beni yedi bitirdi.

Eki Görüntüle 2112027

Şuradaki 3 tane div yan yana gelmesi gerek 1 tanesi en aşağıda oluyor kod bu şekilde

<Div style="padding: 300px; float: Left;">
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

<Div style="padding: 300px;">
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

<Div style="padding: 300px;">
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

Genişletmek için tıkla...

Çok fazla padding var, önce oradan başlamalısın.

kureklahmacuq dedi:

Arkadaşlar bu sorun beni yedi bitirdi.

Eki Görüntüle 2112027

Şuradaki 3 tane div yan yana gelmesi gerek 1 tanesi en aşağıda oluyor kod bu şekilde

<Div style="padding: 300px; float: Left;">
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

<Div style="padding: 300px;">
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

<Div style="padding: 300px;">
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

Genişletmek için tıkla...

Böyle olabilir, ya da bootstrap kullansan daha ii olur.

<style>

.clear::after {
content: "";
clear: both;
display: table;
}

.div_all{
float:left;
width:33%
}
</style>

<div id="container" style="overflow:auto" class="clear">
<Div class='div_all'>
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

<Div class='div_all'>
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>

<Div class='div_all'>
Great Location
<H2>Lorem IPS'um dolor, sit amet craesentium, at UT tempoaque?</h2>
</Div>
</div>

Hocam böyle yapmak yerine bir flex container içerisine koysanız.
gibi. Aynı şekide grid de kullanılabilir. Detaylı bilgi için Basic concepts of flexbox - CSS: Cascading Style Sheets | MDN