https://developer.mozilla.org/en-US/docs/Web/CSS/margin
În CSS, centrarea elementelor poate fi realizată prin utilizarea proprietăților margin și text-align.
Pentru a centra un element pe orizontală, se poate folosi proprietatea margin astfel:
.clasa-elementului {
margin: 0 auto;
}
Aceasta va seta marginile stânga și dreapta ale elementului la auto, ceea ce va face ca elementul să fie centrat pe orizontală în cadrul elementului părinte.
Pentru a centra un element pe verticală, se poate folosi metoda flexbox. Într-un container cu proprietatea CSS display: flex, se poate seta proprietatea align-items la center pentru a centra elementele pe verticală:
.container {
display: flex;
align-items: center;
}
Acestea sunt doar câteva exemple de metode pentru centrarea elementelor în CSS. Este important să știm să folosim aceste metode pentru a crea design-uri armonioase și coerente pe site-urile noastre web.