Css расположение по центру
Автор Sampaccs sampaccs задал вопрос в разделе Верстка, CSS, HTML, SVG
Расположение элементов по центру CSS, HTML и получил лучший ответ
Ответ от Ирэн Ницше[гуру]
Строчные элементы внутри родительского блочного
.center-children {
text-align: center;
}
Это сработает для элементов с типом отображения inline, inline-block, inline-table, inline-flex и т. д.
Блочный элемент
.center-me {
margin: 0 auto;
}
Ответ от Metotron[гуру]
Добавлю.
1) родителю: display: flex; justify-content: space-around;
2) margin:0 auto сработает только если у блока жёстко задана ширина
3) Ещё можно
position: absolute; left: 50%; transform: translateX(-50%);
Короче, вариантов множество
Добавлю.
1) родителю: display: flex; justify-content: space-around;
2) margin:0 auto сработает только если у блока жёстко задана ширина
3) Ещё можно
position: absolute; left: 50%; transform: translateX(-50%);
Короче, вариантов множество
Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Расположение элементов по центру CSS, HTML