Вырывнивание текста и элементов
Привожу примеры выравнивания текста или элементов, изображений по центру, левому или правому краю в CSS.
Выравнивание элементов, изображений по центру
.container {
display: grid;
}
.element {
place-self: center;
}
Внутри container центрируется element по вертикали и горизонтали.
Выравнивание элементов, изображений, текста по левому или правому краю и по центру
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
Свойство text-align горизонтально выравнивает элемент, будь-то это блок с текстом или изображение, согласно названиям значений.
Вертикальное центрирование
.container {
height: 10em;
display: flex;
align-items: center
}
.element {
margin: 0
}
Внутри container, с заданной высотой, element центруется по вертикали.