Text zwischen zwei Bildern anordnen

  • Hallo zusammen,


    leider habe ich ein kleines Designproblem bei dem ich leider nicht weiterkomme.
    Ich habe dazu mal als Beispiel einen Textbeitrag erstellt und auf der Homepage veröffentlicht:
    http://www.xn--sg-kllerbach-7ib.de/index.php/news/29-test


    Man sieht 2 Bilder mit dazwischenstehendem Text.


    Der obere Versuch ist über Bootstrap Grids realisiert worden. Dieser bringt mir aber nicht genau das Ergebnis welches ich gerne hätte, da die Bilder zu weit vom Text entfernt sind.


    Code
    <div class="row"><div class="col-sm-4"><img src="Bild 1" style="float: right;" /></div><div class="col-sm-4">...Text...</div><div class="col-sm-4"><img src="Bild 2" style="float: left;" /></div></div>



    Das untere Beispiel nutzt FLOAT. Die beiden Bilder kann ich somit nebeneinander anzeigen (geht ohne "float" nicht, warum weiß ich nicht).
    Aber wie kann ich den Text zwischen die Bilder bekommen?


    Code
    <p><img src="Bild 1" style="float: left;" />...Text...<img src="Bild 2" style="float: left;" /></p>


    Als Template nutzte ich Helix 3 von Joomshaper. Damit sollte es aber ja eigentlich nix zu tun haben. Wüsste nicht das da CSS seitig was abgefangen wird was mich stören sollte.


    Habe nun die Hoffnung das jemand hier im Forum mit weiterhelfen kann und eine Lösung weiß.
    Würde mich sehr freuen.


    Danke schonmal und beste Grüße an die Joomla Support Gemeinde
    Nightwasher