Abstand zwischen Bild und Text

[Tamorlala]

Guten Tag,
ich bin am verzweifeln bei einer eigentlich simplen Sache. Und zwar habe ich vor einen mehrzeiligen Text direkt neben ein Bild zu positionieren. Soweit so gut klappt auch allerdings habe ich einen viel zu großen Abstand zwischen Bild und Text den ich nicht weg bekomme.

Ich verwende folgenden Code im HTML:

<img class="info" src="pic/Facebook.png" width="100" height="85" alt="Facebook">
        <p>
           Bla Bla Test <br> Bla Bla Test
        </p>

Und folgenden im CSS:

.info {
    float: left;
    margin-right: 1px;
    margin-left: 40px;
}

Und raus kommt:

Ich hoffe ihr könnt mir irgendwie helfen.. Ich komme hier nicht weiter.
MfG Tamorlala

 

[threadi]

Ein Link zur Seite wäre gut um dir helfen zu können.

 

[MrMurphy]

Hallo

Ich hoffe ihr könnt mir irgendwie helfen

Nicht mit deinen Informationen. Wenn du dir mal selbst eine Seite aus deinen Quellcodeschnipseln erstellen würdest, würdest du merken, das der Text direkt am Bild "klebt", er hat nur die angegebenen 1px seitlichen Abstand.

Der Problemteil fehlt schlicht.

Es wäre zudem sinnvoll, wenn du die Grundlagen von HMTL / CSS lernen würdest. Bereits in deinen Quellcodeschnipseln befinden sich unsinnige und veraltete Anweisungen.

Inline-CSS wie bei dem img-Element sollten vermieden werden.

Das br-Element ist dort unsinnig. Es sollte nur dort verwendet werden, wo z. B. p-Elemente nicht zulässig sind. Zeilenumbrüche überlässt man den Browsern.

Gruss

MrMurphy