Ausrichtung von Block-Level-Elementen

Auf dieser Beispielseite werden drei Block-Level-Elemente mit Hilfe verschiedener Werte-Kombinationen für margin ausgerichtet. Die Seitenüberschrift wird mit margin-left:auto; margin-right:auto; zentriert ausgerichtet. Der Inhalt der Überschrift wird mit text-align:right; rechtsbündig ausgerichtet. Damit überhaupt ein Effekt zu beobachten ist, wird der Überschrift eine Breite von 350 Pixeln und ein farbiger Hintergrund zugewiesen. Dieser Absatz selbst wird mit margin-left:auto; margin-right:0; rechtsbündig ausgerichtet. Der Inhalt des Absatzes wird mit text-align:justify; als Blocksatz ausgerichtet. Auch diesem Absatz muss eine bestimmte Breite zugewiesen werden, da er sonst die gesamte zur Verfügung stehende Fensterbreite einnehmen würde. Die Tabelle am Ende der Seite wird wieder zentriert ausgerichtet. Für die Textausrichtung innerhalb der Tabelle wird keine weitere Festlegung getroffen, so dass die Voreinstellung linksbündig verwendet wird.