v2.5.2
Giriş yap

html öğelerin sayfa boyu uzaması nasıl çözülür (css)

deadmonster
736 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Bir tane divin içinde biri resim var ve resmin yanına yazı eklemek istiyorum. Normal bir yazı yazdığımda yanına geliyor. h4 kullandığımda yazı resmin altına geçiyor. Sağ tık incele yapıp h4'e bakdığımda bir iki kelime olsa bile h4 sayfa boyu devam ediyor. Ama ben sadece kelime boyu devam etsin ve bu sayede fotoğrafın yanına gelsin istiyorm. Bunu nasıl çözebilirim?

<span>
    <img src="dosya/<?= $blog["blog_img"] ?>" class="rounded" alt="" style="width: 100px;height:100px;">
</span>
<span>
    <h4>Örnek h4 yazısı</h4>            
</span>



link: https://prnt.sc/16frprx

selim
1061 gün önce

Bunun sebebi 'h' etiketleri ile 'span' etiketlerinin display değerlerinin farklı olması. Standart olarak span => display: inline, h etiketleri ise => display: block. Eğer h etiketinize display: inline derseniz boyut yazdığınız kelime uzunluğu kadar olacaktır.