it-swarm.com.de

Richten Sie ein Bild mit CSS HTML rechts aus

Wie kann ich ein Bild mit CSS nach rechts ausrichten?.

Ich nicht möchte den Text zu wrap-around das Bild. Ich möchte, dass sich das rechtsbündige Bild in einer eigenen Zeile befindet.

31
unixman83
<img style="float: right;" alt="" src="http://example.com/image.png" />
<div style="clear: right">
   ...text...
</div>    

jsFiddle .

59
alex

Bewegen Sie das Bild nach rechts, wodurch Ihr Text zuerst um das Bild gewickelt wird.

Dann, was auch immer das nächste Element ist, setze es auf {clear: right; } und alles hört auf, sich um das Bild zu wickeln.

12
jeffszusz

Es gibt verschiedene Möglichkeiten, dies zu tun, aber im Folgenden finden Sie ein kurzes Beispiel für eine Möglichkeit.

<img src="yourimage.jpg" style="float:right" /><div style="clear:both">Your text here.</div>

Ich habe für dieses Beispiel Inline-Stile verwendet, aber Sie können diese einfach in ein Stylesheet einfügen und auf die Klasse oder ID verweisen.

5
Misty Lackie

So bewegen Sie das Bild nach rechts:

float: right;

So machen Sie den Text nicht umbrochen:

clear: right;

Fügen Sie den CSS-Code in Ihre Stylesheets-Datei ein, um eine optimale Vorgehensweise zu erzielen. Sobald Sie mehr Code hinzufügen, sieht es chaotisch und schwer zu bearbeiten aus.

2
Sweet_Cherry