CSS Kochbuch

7.2 Den Leerraum um ein Formular herum anpassen

Problem

Der standarmäßig um ein Formular herum angezeigte Leerraum soll verändert werden.

Lösung

Setzen Sie den Wert für den Außenabstand des form-Elements auf null, und passen Sie stattdessen die Innenabstände an Ihre Bedürfnisse an (siehe Abbildung 7-1):

form {
 margin: 0;
 padding: 1em 0;
 border: 1px dotted red;
/* verwendet, um die Auswirkungen der Innenabstände zu verdeutlichen */
}

Abbildung 7-1. Für das Formular wurden eigene Innenabstände definiert.

Diskussion

Sollen Formulare in das Design einer Webseite integriert werden, muss oftmals der Leerraum zwischen dem Formular und den übrigen Seitenelementen ...