Bild rechts positionieren mit CSS

Ich möchte ein Bild innerhalb eines übergeordneten <divs> am rechten Rand mit CSS positionieren. Also

Code

<div class="xyz">[img]...[/img]</div>

Code

.xyz {
     margin: ?px;
   }


   .abc {
     ?????
   }

Elvis

Code

img#xyz {
float: right;
}

rincewind

Elvis
falsch

Alle Bilder im div mit der Klasse xyz sind rechts

Code

.xyz img { float:right; }

Nur Bilder mit der Klasse abc

Code

.abc { float: right; }

Nur Bilder mit der Klasse abc innerhalb von Elementen mit der Klasse xyz

Code

.xyz .abc { float: right; }

float: [right/left/none] bezeichnet den textumfluss und ermöglicht es uns, Elemente, wie z.B. Bilder damit zu positionieren.

Tags