Top.Mail.Ru
Ответы

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

Не работает align-items: center; у gmail-holder, не могу найти ошибку.
Коротко говоря мне их надо выстроить в ряд

По дате
По рейтингу
Аватар пользователя
Мыслитель

Если align-items: center; не работает для элемента с классом gmail-holder и вы хотите выстроить элементы в ряд с выравниванием по центру, возможно, вам также потребуется использовать свойство display: flex; для контейнера, содержащего элементы. Вот пример CSS, который может помочь вам достичь нужного результата:

css:

1234567891011121314
 .container { 
  display: flex; 
  align-items: center; 
} 
 
.gmail-holder { 
  /* Другие свойства стиля для gmail-holder, если есть */ 
} 
 
/* Пример стилей для вложенных элементов (можете адаптировать под ваши нужды) */ 
.gmail-item { 
  margin: 0 10px; /* Расстояние между элементами */ 
} 
 


HTML-разметка:


12345678
 <div class="container"> 
  <div class="gmail-holder"> 
    <div class="gmail-item">Элемент 1</div> 
    <div class="gmail-item">Элемент 2</div> 
    <!-- Добавьте другие элементы по необходимости --> 
  </div> 
</div> 
 


Важно удостовериться, что у вас правильно настроены другие свойства и структура разметки для достижения желаемого результата.

Аватар пользователя
Мудрец

Ну так для второго блока примени align
.gmail-text {}