Bild anordnen

[Gunnar Bittersmann]

@@Achot

http://codepen.io/anon/pen/BpNYqL

Ich habe ein Text mit drei Absätzen.

Nein, du zwei Absätze. Den zweiten mit hartcodierten Zeilenumbrüchen.

br hat (außer bei Gedichten/Liedtexten, Postadressen u.ä.) nichts in HTML zu suchen. Ersetze <br>\n<br> durch </p>\n<p>.

Nach dem ersten Absatz sollte das Bild auf die rechte Seite geschoben werden und die zwei weiteren Absätze links davon.

Was heißt „links davon“? Sollen sie das Bild umfließen? Oder soll unter dem Bild frei bleiben?

@media screen and (max-width: 55.000em) { }

Genauer geht’s nicht? Weg mit .000. Auch bei

.servus {
	max-width: 75.000em;
	margin: 2em auto 0 auto;
}

Eine Zeilenlänge sollte bei Fließtext etwa 35 bis 75 Zeichen enthalten (optimal so bei 60–65). Das macht so in etwa 18em bis 36em. 75em sind viel zu viel.

BTW, das letzte auto bräuchtest du nicht; margin: 2em auto 0 wäre dasselbe.

ohne wenn möglich den HTML Code anzupassen, da dieser von WordPress vorgegeben wird, was ich natürlich durch ein weiteres Template umschreiben könnte, sollte es nötig sein.

Ist nötig, siehe oben.

LLAP 🖖