Text mit Bild, float/clear

Hallo,

ich möchte neben kurzem Text ein Bild platzieren, möglichst vertikal ausgerichtet (auf einer Höhe).

Die Tabelle ist tot und so habe ich im JCE Bild-Manager mit float/clear experimentiert. Das (responsive) Ergebnis ist nicht berauschend.

Ich muss den Text im Absatz <p> mit <br /> ergänzen, damit er zur Bildhöhe passt. (float: left clear: right)

Das erzeugt aber auf mobilen Geräten u.U. unschöne Leerzeilen zwischen den Absätzen <p>. Es sind die 'verlorenen <br /> aus dem breiten Format.

forum.joomla.de/core/attachment/7812/

Gibt es keinen besseren Ansatz für das Wunschergebnis: Ein Absatz mit Text neben Bild, vertikal ausgerichtet?

Ich arbeite mit Protostar und ein Link geht nicht, weil ich dann die Seite verbiegen müsste.

vG

Kein Bild?

Also noch mal

Dateianhänge, Hochladen, Vorschau einfügen

zu #3
Wenn der kurze Text (1-4 Zeilen, also weniger als Bildhöhe) rechts vom Bild stehen soll, gelingt mir das nur mit clear: rechts.
Und da habe das Problem, den Text mit <br /> auffüllen zu müssen damit er zur Bildhöhe passt.
Das gelingt aber nicht für jede Ansicht. Die Leerstellen zwischen den Absätzen <p> stören mehr oder weniger und es kommt schon mal zu unschönen, erzwungenen Zeilenumbrüchen.
Bei üppigen Lorem ipsum fällt das nicht auf.

Mit clear: links oder keine steht der Text unter dem Bild.
Das ist aber nicht mein Ziel.

vG

Hallo!

Mit float/clear komme ich nicht zum Ziel.
Das versucht mir auch der Blog von #3 und w3school mit Worten zu sagen.

{loadposition ...} und module bringen mich auch nicht weiter.

Jetzt probiere ich's mit Bootstrap und flexbox nach #4.

Erstmal vielen Dank.

vG