Вертикально центрировать div в сетке, используя Tailwindcss ⇐ CSS

[Anonymous]

Я пытаюсь центрировать элемент div внутри CSS Grid по горизонтали и вертикали. Я использую TailwindCSS v3. Используя mx-auto, я могу выровнять содержимое по горизонтали, но align-middle вместе с flexbox не дает никаких результатов. Ниже я прикрепляю фрагмент кода.

Код: Выделить всё

Address Line 1,

Address Line 2,

Address Line 3

Проблема здесь в том, что первый внутренний элемент div (с классом col-span-1) имеет меньшую высоту, чем другой элемент div. Я хочу, чтобы этот div располагался по центру с другим div по вертикали. ImLocation — это значок React.js, который я использовал.

Подробнее здесь: https://stackoverflow.com/questions/723 ... ailwindcss