Wie krieg ich ein Bild in html rechtsbündig?
Ich erstelle momentan eine HTML-Seite und bin dazu im Editor. Ich möchte ein Bild rechts anordnen, aber das fuktioniert nicht. Center(also zentriert) klappt komischerweise. Ich gebe folgendes ein:
<p><right><img src="bild1.jpg"></right></p>
aber es klappt wie gesagt nicht.
Brauch dringend Hilfe!!!! Danke im Vorraus.
3 Antworten
Klassisches HTML 3 wäre so: <img src="bild1.jp2" alt="Tolles Bild" align="right">
Aktueller wäre <img src="bild1.jp2" alt="Tolles Bild" style="float:right" />
Die Antword von orinoco77 ist fast richtig.
Schmeiss das div weg und gib das float: right; dem p. Das div ist hier ebenso unsinnig wie falsch.
Vergiss nicht, wer floatet muss auch clearen.
<img src="bild1.jpg" class="bild_nach_rechts">
<p class="p_clear">Sonstiger Inhalt ...</p>
Dann steht im CSS folgendes:
.bild_nach_rechts{
float:right;
}
.p_clear{
float:none;
}
---------------------------------------------------------------------------
Das Bild erscheint rechts und der Inhalt darunter erscheint wieder linksbündig, er wird gecleart, wie man in der Fachsprache sagt.
ok, ich antworte 1 Jahr später, aber 2016 gab es schon HTML 5 und CSS3 und deine Methode kann man damit in die Tonne hauen.
man nimmt das Elternelement (hier .parent) in CSS und schreibt:
.parent {
display: flex;
flex-direction: column; oder flex-direction: row;
align-items: right;
}
img { position: relative;}
(column um Kindelemente untereinander und row um Kindelemente nebeneinander anzuordnen)