Wilhelm Faber

IT Projekte, Expertise, Software Engineer, Street-Photograph aus Ratingen

Vertikale Positionierung eines Divs in einem anderen Div...

| Keine Kommentare

Das Thema Vertikale Positionierung eines Divs in einem anderen Div. Gute Beschreibung mit 3 Ansätzen wird hier beschrieben.

Ich bevorzuge folgende Lösung, dabei müssen folgende Punkte beachtet werden:

– divs müssen Block-Elemnte sein. Der innere Div inline-block
– line-height des äußeren Divs muss genau groß wie die Höhe sein

.block {
  height: 120px;
  line-height: 120px;
}
.inner {
  display: inline-block;
  vertical-align: middle;
}

Schreibe einen Kommentar

Pflichtfelder sind mit * markiert.