Schrift umfließt Bild, aber ich möchte zusätzlich eine Bildunterschrift

  • Hallo Spezialisten,

    ich habe es hinbekommen, ein Bild in den Text zu integrieren.
    Dafür habe ich folgenden Code verwandt:
    Hier als Beispiel nicht mit dem gesamten Text, aber das kann man anschauen auf https:spanien-blog.info
    Hier der Code:
    <p align="justify"><img src="img/maspalomas-strand.jpg" width="197" height="148" align=left style="float:left; margin-right: 15px;" /> Test-Text</p>
    Das klappt wunderbar.


    Nun möchte ich aber bei einigen Bilden eine Bildunterschrift die nur und direkt unter dem Bild ist mit Abstand zu dem anderem Text, der das Bild umfließt.
    Ich habe schon hin und her experimentiert mit:

    <figure>

    <figcaption>Bildunterschrift</figcaption>
    </figure>


    Nur, ich kann machen was ich will, der Text "Bildunterschrift ist überall, aber nicht unter dem Bild.
    An welcher Stelle des Codes muss ich figure einfügen?
    Wie bekomme ich das hin?
    Oder muss ich das zwangsläufig über CSS verwirklichen?
    Danke