title: elm-ui center elements in wrapped row
body: <p>I'm using Elm with mdgriffiths/elm-ui, and I've really been enjoying it. Right now, I'm trying to create a centered, wrapped row of elements:</p>
  
  <p><a href="https://i.stack.imgur.com/zsYXB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zsYXB.png" alt="enter image description here"></a></p>
  
  <p>I can get it to this point:</p>
  
  <p><a href="https://i.stack.imgur.com/xxuy0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xxuy0.png" alt="enter image description here"></a></p>
  
  <p>using this code:</p>
  
  <pre><code>button : String -&gt; String -&gt; Element Msg
  button label url =
      link
          [ height (px 150)
          , width (px 150)
          , Border.width 1
          , Background.color (rgb255 255 255 255)
          ]
          { url = url
          , label =
              Element.paragraph
                  [ Font.center ]
                  [ textEl [] label ]
          }
  
  
  row : Element Msg
  row =
      Element.wrappedRow
          [ Element.spacing 25
          , Element.centerX
          , Element.centerY
          , width (fill |&gt; Element.maximum 600)
          , Font.center
          ]
          [ button "A" "/a"
          , button "B" "/b"
          , button "C" "/c"
          , button "D" "/d"
          ]
  </code></pre>
  
  <p>But when I try adding Element.centerX to my buttons like this</p>
  
  <pre><code>link
      [ Element.centerX
      , ...
      ]
  </code></pre>
  
  <p>I get this instead:</p>
  
  <p><a href="https://i.stack.imgur.com/b0Nlm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b0Nlm.png" alt="enter image description here"></a></p>
  
  <p>I've also tried <code>Font.center</code> without success, and I don't know what else I can try.</p>
  
  <p>I'm not sure if I'm missing something I should be using, or if the whole thing needs re-arranging, or if I just need to use the built-in CSS stuff.</p>
  
  <p><strong>Update:</strong></p>
  
  <p>Link to an Ellie with the issues I'm seeing.</p>
  
  <p><a href="https://ellie-app.com/7NpM6SPfhLHa1" rel="nofollow noreferrer">https://ellie-app.com/7NpM6SPfhLHa1</a></p>