CSS vertikal und horizontal positionieren mit calc()

[zirzofer]

weil sowas öfter gesucht wird, z. b. dialog etc.: geht ohne zusätzliches element o. ä., solange höhe und breite fest definiert werden:

.dialog{
  z-index: 2147483647;
  position: fixed;
  height: 200px;
  width: 400px;
  top: calc(50% - 100px); //50% Mitte - um Hälfte der Höhe des elements nach oben verschieben
  left: calc(50% - 200px); //50% Mitte - um Hälfte der breite des elements nach link verschieben
}