Aliniere CSS. CSS Layout - Aliniere orizontală și verticală. Elementul margin: auto;. Aliniere text Centru. Elementul text-align: center.

CSS Layout - Aliniere orizontală și verticală

Elemente de aliniere la centru

Pentru a centra orizontal un element de block (cum ar fi <div>), utilizați margin: auto;
Setarea lățimii elementului îl va împiedica să se întindă până la marginile containerului său.
Elementul va prelua apoi lățimea specificată, iar spațiul rămas va fi împărțit în mod egal între cele două margini.



Exemplu:

.center {
  margin: auto;
  width: 50%;
  border: 3px solid green;
  padding: 10px;
}

Notă: Alinierea la centru nu are efect dacă proprietatea lățimii nu este setată (sau setată la 100%).

Centrare aliniere text (Center Align Text)

Pentru a centra doar textul în interiorul unui element, utilizați text-align: center;


Exemplu:

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