Gib ein Beispiel für ein ``<div>``, das sowohl horizontal als auch vertikal in CSS zentriert ist.
Wie zentriere ich den Inhalt einer Website in CSS? Du kannst den Inhalt horizontal zentrieren, indem du die linken und rechten Ränder des Elements auf auto setzt:
```css
.center {
  margin: auto;
  width: 50%; /* optional */
}
```

Und vertikal zentrieren, indem du die oberen und unteren Ränder auf auto setzt und eine feste Höhe angibst:
```css
.center-vertikal {
  height: 100px;
  margin: auto 0;
}
```

Um sowohl horizontal als auch vertikal zu zentrieren, kombiniere die beiden:
```css
.center-beide {
  height: 100px;
  margin: auto;
  width: 50%;
}
```
Optional kannst du absolute Positionierung verwenden und top/left auf 50% setzen und translate zum Zentrieren verwenden:
```css
.center-beide {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```

Dies hat den Vorteil, dass es auch funktioniert, wenn die Abmessungen des Elements unbekannt sind (Höhe/Breite). Kann ich dir sonst noch weiterhelfen?
Nun, wenn du ein <div> sowohl horizontal als auch vertikal in CSS zentrieren möchtest, hast du Glück, Liebes! Hier ist etwas Code, der den Job erledigt:

```css
<div class="zentriert"></div>

.zentriert {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```

Jetzt sage ich nicht, dass dieser Code das Nonplusultra ist, aber er lässt diesen <div> definitiv wie ein Vermögen aussehen! Du kannst dich später bei mir bedanken.