CSS Problem: fetser Abstand und trotzdem relativer Einrückung?

Ich will Text nach rechts einrücken. Dafür Benutz ich h1{margin-left: 6em} zum Beispiel. Das klappt ja. Wenn ich jetzt ne kleinere Überschrift einfügen will h2 oder h3 wird mit der Angabe "margin-left: 6em" ja eine kleinere Einrückung erzeugt wird weil sich die Größenangabe "em" ja Relativ zum Schriftgrad verhält. Kann ich das irgendwie umgehen ohne dass ich feste Pixelangaben hab um die Seite möglichst Auflösungsflexibel zu gestalten oder geht das nicht.

Und jetzt zu einem für mich später sicher wichtigerem Problem. Ich habe auf der linken Seite eine LinkBox (<ul><li></li>usw.</ul>), mit dynamischer Größe via CSS eingerichtet. Sodass sie sich (und der Rahmen drum herum) automatisch nach unten und rechts verbreitert wenn man neue Links hinzufügt. Kann ich, und wenn ja wie, die Box auf der rechten Seite der Homepage (Ialso den eigentlichen Inhalt) dynamisch zu möglichen Veränderungen der LinkBox positionieren? Oder muss ich den Kompromiss eingehen das, sobald Links die überlänge haben in die LinkBox eingefügt werden, ich die Inhaltsbox mit "margin-left" manuell weiter nach rechts verschieben muss?