html öğelerin sayfa boyu uzaması nasıl çözülür (css)
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
Merhabalar;
1-) İki öğenin de kapsayıcısına, x{display:flex;} vererek yan yana getirebilirsiniz.
2-) her iki öğeye de z,x{display:inline-block} vererek yan yana getirebilirsiniz. (img öğesi zaten inline'dir.)
3-) h4 yerine span kullanaral öğeleri yan yana getirebilirsiniz.
önerim: display:flex'i etkin bir şekilde öğrenmeniz ve kullanmanız.
Başarılar diliyorum :)
Dipnot: öğelerin görünüm seviyeleri (display:x;)'ni etkin bir şekiilde öğrenmez iseniz, HTML ve CSS'de çok sorun yaşarsınız.