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?

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

 

Ö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

                            <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

&nbsp; kodu boşluk için iş görür ama webde görüntüleyenin ekranı büyük ise yan yana gösterebilir o yüzden
<P>&nbsp;</P> şeklinde hem boşluk hemde satır verip alt satıra getirmeyi garantiye almak daha mantıklı olur bence