Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Не работает align-items: center;

Галимзян Кашапов Ученик (110), на голосовании 1 год назад
Не работает align-items: center; у gmail-holder, не могу найти ошибку.
Коротко говоря мне их надо выстроить в ряд
Голосование за лучший ответ
Vamp Berkserkerz Гуру (4812) 1 год назад
Если align-items: center; не работает для элемента с классом gmail-holder и вы хотите выстроить элементы в ряд с выравниванием по центру, возможно, вам также потребуется использовать свойство display: flex; для контейнера, содержащего элементы. Вот пример CSS, который может помочь вам достичь нужного результата:

css:
 .container { 
display: flex;
align-items: center;
}

.gmail-holder {
/* Другие свойства стиля для gmail-holder, если есть */
}

/* Пример стилей для вложенных элементов (можете адаптировать под ваши нужды) */
.gmail-item {
margin: 0 10px; /* Расстояние между элементами */
}

HTML-разметка:


 


Элемент 1

Элемент 2





Важно удостовериться, что у вас правильно настроены другие свойства и структура разметки для достижения желаемого результата.
Галимзян КашаповУченик (110) 1 год назад
Спасибо
Dlazder Мудрец (17002) 1 год назад
Ну так для второго блока примени align
.gmail-text {}
Похожие вопросы