Чӣ гуна метавон як блокро ҳам уфуқӣ, ҳам амудӣ марказонид?

Flexbox:

• Бо боьйӣ:

  .parent {
    display: flex; // Активират флекс-контейнер
    justify-content: center; // Марказикунӣ дар хати
    align-items: center; // Марказикунӣ дар баландӣ
  }
  

Grid:

• Бо боьйӣ:

  .parent {
    display: grid; // Активират грид-контейнер
    place-items: center; /* Марказикунӣ дар ҳар ду самт.
                            Баробар бо:
                            justify-items: center;
                            align-items: center; */
  }
  

Position: absolute ва Transform:

.parent {
  position: relative; // Падар бояд ҷойгир шавад
}

.child {
  position: absolute; // Ҷойгиркунии абсолютӣ
  top: 50%; // Боронро ба 50% кӯчондан
  left: 50%; // Чапро ба 50% кӯчондан
  transform: translate(-50%, -50%); /* Элементро бо нисфи
                                       паҳнои ва баландии худ
                                       барои маркази дақиқ кӯчондан */
}

Margin: auto (танҳо барои марказикунӣ дар inline-block ва block):

.element {
  display: block; // Ё inline-block
  width: муайян-дарозӣ; // Дарозӣ бояд муқаррар шавад
  margin: 0 auto; // Марзҳои худкор аз чап ва рост
}