Html'de resim ve yazı arasında boşluk nasıl bırakılır?

Selamlar, html bir script'de resim ve yazının arasında bir satır boşluk bırakmak istiyorum. Bunu nasıl yapabilirim?

<br>

veya her iki nesneyi de farklı <div> içerisine alabilirsiniz.

Örnek görseli eklerseniz yardımcı olabilirim hocam

&nbsp;

Örnek kodları iletirseniz hocam yardımcı olalım hemen

<style>
.image-container { margin-bottom: 20px; /* Dilediğiniz boşluk miktarını belirleyebilirsiniz */ }
</style>

<div class="image-container">
<img src="resim_yolu.jpg" alt="Resim açıklaması"> </div>
<p>Metin buraya gelecek.</p>

yazı ve resmi <div style="display:flex; flex-direction: column"> </div> elementinin içerisine almayı deneyin

Block türdeki nesneler varsayılan olarak 1 alt satıra geçer, kodu paylaşırsanız daha net yardımcı olabilirim.

                            <img src="img/resim2.jpeg" alt="" class="img-fluid aycan-img mb-2" >

img classına mb-2 ekledim, bootstrap classıdır yanındaki rakam yükseldikçe altında vereceği boşluk artar hocam