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

Question

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

testinglife · Accepted Answer

Если 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>

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

Элемент 1

Элемент 2

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

dlazder · Answer

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