polymerpaper-elements

Centering paper-item text

I'm new to Polymer, and I'm failing to center the text of an element. I have this code that represents menu items

<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>

The flex works but the center doesn't.
Maybe I need to do this in CSS? But what should I put in CSS to just center those Elements?

Solution

  • How about this:

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

    See here.