Не могу выровнять центр, используя материализацию

Я использовал MaterializeCSS, и у меня возникли некоторые проблемы с централизацией, у меня есть следующий фрагмент, и я пробовал много вещей, но я не могу найти способ централизовать его, потому что он всегда выравнивает по левому краю

Как мне это сделать?

@import 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css';
      <div class="row">
        <div class="col s12 m5 profile-inner center-block">
          <img class="circle responsive-img perfil-icon" src="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/profileicon/600.png">
          <br><span class="center-align"style="font-size: 2.5rem">TyG Yeux</span><br>
          
          <span style="font-size: 1.5rem">Level 50</span>
        </div>

Источник

1 ответ

Решение

Использование center-align вместо center-block, center-block подходит для использования для центрирования самого изображения. Но в настоящее время вы хотите отцентрировать от родительского контейнера, поэтому необходимо использовать выравнивание по центру, чтобы выровнять все дочерние по центру

@import 'https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css';
<div class="row">
        <div class="col s12 m5 profile-inner center-align">
          <img class="circle responsive-img perfil-icon" src="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/profileicon/600.png">
          <br><span class="center-align"style="font-size: 2.5rem">TyG Yeux</span><br>
          
          <span style="font-size: 1.5rem">Level 50</span>
        </div>

Источник
Другие вопросы по тегам