Как выровнять контент по центру элемента?

Question

[kaleon]

Изучаю Semantic-UI-React
Необходимо выровнять все по центру

<Container text >
      <Menu secondary >
        <Menu.Item as='a' header>
          <Image size='mini' src='../logo.svg' style={{ marginRight: '1.5em' }} />
          Test
        </Menu.Item>
        <Menu.Item name='Test1' active={props.activeItem === 'home'} onClick={props.handleItemClick} />
        <Menu.Item
          name='Test2'
          active={props.activeItem === 'messages'}
          onClick={props.handleItemClick}
        />
      </Menu>
    </Container>

Comments

[Сергей Сунцев]

А просто дополнительно добавить стили это плохо?

selector {
    display: flex;
    align-items: center;
}

[Петр Мухуров]

Сергей Сунцев, юзать готовый ui-kit и не использовать то, что там есть из коробки, а писать свои костыли - это плохо
в доки можно заглядывать

[Сергей Сунцев]

Петр Мухуров, На моей практике не один сложный иинтерфейс не укладывался в какой - либо готовый ui-kit, всегда приходилось что то да переделывать, а это те ещё мороки.

ИМХО для прототипов, да стандартных форм только.

[Петр Мухуров]

Сергей Сунцев, значит, вы неправильно подбирали кит

[kaleon]

Петр Мухуров, Уточню, все элементы разложить по центру? Конкретно они никак не хотят там быть

[Петр Мухуров]

kaleon, залейте код в песочницу