HTML ve CSS ile içerikler yan yana nasıl düzenlenir?

Wlorez

Decapat
Katılım
19 Şubat 2023
Mesajlar
22
Daha fazla  
Cinsiyet
Erkek
----------------------------HTML-------------------------

HTML:
<div class="fotolar">
 <div class="fotolar2">
 <img src="occo2.jpeg" alt="">
 </div>
 <h1>Occo Beach</h1>
 <p>cco Beach Club, hem plajda hem de havuzda mükemmel bir tatil deneyimi sunuyor! Göz alıcı plajımızda güneşlenirken veya serinletici havuzumuzda yüzmenin keyfini çıkarın. Rahatlatıcı atmosferi, lezzetli kokteylleri ve enerjik etkinlikleri ile her anınızı özel kılacak. </p>
 </div>
 <div class="fotolar">
 <div class="fotolar2">
 <img src="occo2.jpeg" alt="">
 </div>
 <h1>Occo Beach</h1>
 <p>cco Beach Club, hem plajda hem de havuzda mükemmel bir tatil deneyimi sunuyor! Göz alıcı plajımızda güneşlenirken veya serinletici havuzumuzda yüzmenin keyfini çıkarın. Rahatlatıcı atmosferi, lezzetli kokteylleri ve enerjik etkinlikleri ile her anınızı özel kılacak. </p>
 </div>

-------------------------CSS-------------------------------

CSS:
.fotolar{
 object-fit: cover;
 width: 700px;
 margin: 5%;
 border: #03223b;
 padding: 55px;
 background-color: #17132b;
}

1732624632396.png
 
Siz divleri yanlış sıralamışsınız sanırım.
<div class="fotolar">
<div class="fotolar2">
<img src="occo2.jpeg" alt="">
</div>
<h1>Occo Beach</h1>
<p>cco Beach Club, hem plajda hem de havuzda mükemmel bir tatil deneyimi sunuyor! Göz alıcı plajımızda güneşlenirken veya serinletici havuzumuzda yüzmenin keyfini çıkarın. Rahatlatıcı atmosferi, lezzetli kokteylleri ve enerjik etkinlikleri ile her anınızı özel kılacak. 🌞🏊‍♂️🍹</p>

</div>
<div class="fotolar">
<div class="fotolar2">
<img src="occo2.jpeg" alt="">
</div>
<h1>Occo Beach</h1>
<p>cco Beach Club, hem plajda hem de havuzda mükemmel bir tatil deneyimi sunuyor! Göz alıcı plajımızda güneşlenirken veya serinletici havuzumuzda yüzmenin keyfini çıkarın. Rahatlatıcı atmosferi, lezzetli kokteylleri ve enerjik etkinlikleri ile her anınızı özel kılacak. 🌞🏊‍♂️🍹</p>
</div>
 

Technopat Haberler

Geri
Yukarı