Semantic UI React - Центр формы в сегменте?

Question

Я пытаюсь центрировать группу форм внутри сегмента в семантическом интерфейсе.

Установив контейнер textAlign в centerЯ могу сосредоточить все элементы, кроме Form.Group и Form.Inputэто содержит.

Пример: https://jsfiddle.net/mgrnjtmj/

Можно ли центрировать группу форм с помощью реквизита, доступного для семантической реакции?

Answer 1

Использование <semanticUIReact.Grid className="ui segment centered">... и вы можете удалить textAlign='center', вроде следующего:

<semanticUIReact.Container>
    <semanticUIReact.Grid className="segment centered">
        <semanticUIReact.Form>
            ...
        </semanticUIReact.Form>
    </semanticUIReact.Grid>
</semanticUIReact.Container>

Вот рабочая демка