Aliniere CSS. CSS Layout - Aliniere orizontală și verticală. Elementul margin: auto;. Aliniere text Centru. Elementul text-align: center.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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;
}