Aliniere CSS. Centrare imagine. Element block. Aliniere stânga și dreapta - Folosire position.

Centrați o imagine

Pentru a centra o imagine, setați marginea stângă și dreaptă pe auto și transformați-o într-un element block:

 


Exemplu:

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

Aliniere stânga și dreapta - Folosire position

O metodă de aliniere a elementelor este utilizarea position: absolut ;:




Notă: Elementele poziționate absolute sunt eliminate din debitul normal și pot suprapune elemente.

Exemplu:

.right {
  position: absolute;
  right: 0px;
  width: 300px;
  border: 3px solid #73AD21;
  padding: 10px;
}