Центрирование текста бумажного элемента

Question

Я новичок в Polymer, и мне не удается отцентрировать текст элемента. У меня есть этот код, который представляет пункты меню

<paper-item flex center>Element1</paper-item>
<paper-item flex center horizontal>Element2</paper-item>
<paper-item flex>Element3</paper-item>
<paper-item flex>Element4</paper-item>
<paper-item flex>Element5</paper-item>

flex работает, а центр нет.
Может быть, мне нужно сделать это в CSS? Но что я должен добавить в CSS, чтобы центрировать эти элементы?

Answer 1

Как насчет этого:

<paper-item center-justified flex>Element2</paper-item>

Смотрите здесь.

Answer 2

Вы можете попробовать center-center атрибут большинства полимерных элементов, который будет центрировать элемент по горизонтали и вертикали.

<paper-item  center-center>Element2</paper-item>

Answer 3

Вы должны добавить этот макет

<paper-item  flex horizontal layout center center-justified>Element2</paper-item>

а также center center-justified для вертикального пути