Ausrichtung von Elementen

[Anton]

Ich hab das jetzt so gemacht:

<img style="display:block" src="1.jpg" width="100" height="100">
<img style="margin-top:170px" src="2.jpg" width="100" height="100">

das klappt auch soweit. Was ist denn wenn ich margin-top von 170 auf 50 Pixel ändere. Dann komme ich mit display:block auch nicht weiter. Es wird ein Versatz von 100 Pixel statt wie gewünscht 50 angezeigt. So z.B.:

<img style="disply:block" src="1.jpg" width="100" height="100">
<img style="margin-top:50px" src="2.jpg" width="100" height="100">

Warum das so ist ist mir klar. Was wäre denn die beste Lösung um das zweite Bild um die Hälfte der Höhe des ersten Bildes nach unten versetzt anzuzeigen?