Platz zwischen Text und Bilder

84ck80n3

So sieht es aus, wenn ich Bilder mit

Code

<a title="Limbourg brothers [Public domain], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3AAnatomical_Man.jpg"><img width="256" align="left" vspace="10" hspace="20" alt="Anatomical Man" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/76/Anatomical_Man.jpg/256px-Anatomical_Man.jpg"/></a>

einbinde: http://250kb.de/PYJ1ljd

Leider klebt der Text am Bild. Wie bekomme ich zwischen Bild und Text mehr Platz?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

djarzyna

zum Beispiel indem du dem Bild rechts und unten eine Margin gibst, z.B.:

margin: 0 10px 10px 0;

84ck80n3

Zunächst Danke für die Antwort!
Ich habe nun folgendes stehen:

Zitat

<a title="Limbourg brothers [Public domain], via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File%3AAnatomical_Man.jpg"><img width="256" align="left" margin: 20px 20px 20px 20px; vspace="20" hspace="20" alt="Anatomical Man" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/76/Anatomical_Man.jpg/256px-Anatomical_Man.jpg"/></a>

und es hat sich absolut Nichts geändert.
Woran liegts?

djarzyna

Liegt daran, dass margin css ist und so, wie du es gemacht hast, in einem img-Tag nichts zu suchen hat. Wenn du es unbedingt dort schreiben möchtest, dann so: style="margin: 20px;"

Besser aber in der css-Datei des verwendeten (Child-)Themes, z.B.

img {margin: 20px;}

Ich empfehle dir, dich grundsätzlich in css einzuarbeiten, sonst muss du bei jeder Kleinigkeit, die du ändernmöchtest, hier wieder fragen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Platz zwischen Text und Bilder

Jetzt mitmachen!