Aliniere CSS. Centrare vertical - Folosire padding. Folosire text-align: center.

Centrare vertical - Folosire padding

Există multe moduri de a centra un element pe verticală în CSS. O soluție simplă este utilizarea paddingu-ului de sus și de jos:



Exemplu:

.center {
  padding: 70px 0;
  border: 3px solid green;
}

Pentru a centra atât pe verticală cât și pe orizontală, utilizați padding și text-align: center:



Exemplu:

.center {
  padding: 70px 0;
  border: 3px solid green;
  text-align: center;
}