Den Preis positionieren

Wir möchten, dass der Preis direkt in der Mitte der Seite sitzt, wenn der Browser mit 800 Pixeln (die typische Größe für Browserfenster) geöffnet ist, und gerade so in das <div> für den Hauptinhalt hineinragt.

Also werden wir die Properties top und left verwenden, um den Preis 30 Pixel vom oberen Rand und 365 Pixel vom linken Rand zu positionieren.

image with no caption

Fügen Sie dieses CSS der Datei »sternback.css« hinzu, speichern Sie die Datei und laden Sie die Webseite neu. Sie werden feststellen, dass das Bild für den Preis wie durch Zauberei genau da erscheint, wo wir es haben wollten. Verändern Sie mal die Browsergröße, um zu sehen, ...

Get HTML & CSS von Kopf bis Fuß, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.