title: Cant center align stuff using materialize
body: <p>I've been using <a href="http://materializecss.com/" rel="nofollow noreferrer" title="Materialize CSS website">MaterializeCSS</a>, and I'm having some trouble to centralize stuff, I have the following snippet, and tried a lot of stuff, but I can't figure it out a way to centralize it because it always left aligns it</p>
  
  <p>How do I do it?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="false" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@import 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css';</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>      &lt;div class="row"&gt;
          &lt;div class="col s12 m5 profile-inner center-block"&gt;
            &lt;img class="circle responsive-img perfil-icon" src="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/profileicon/600.png"&gt;
            &lt;br&gt;&lt;span class="center-align"style="font-size: 2.5rem"&gt;TyG Yeux&lt;/span&gt;&lt;br&gt;
            
            &lt;span style="font-size: 1.5rem"&gt;Level 50&lt;/span&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>