中心文本对齐MDL - 侧面抽屉菜单＆＃39;工作不正常。（getmdl.io）

Question

我目前正在使用 Material Design Lite 的内置导航布局。我提供了说明链接，以便您了解：https://getmdl.io/components/index.html#layout-section。 我试图制作 mdl侧抽屉菜单的中心对齐标题。但它没有正常工作。我努力修复它，但没有找到任何解决方案： 首先，我提供了我的工作截图：

html代码：

<div class="mdl-layout__drawer">
    <span class="mdl-layout-title"><a href="{{ url('/') }}">iPortal</a></span>
    <nav class="mdl-navigation">
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
      <a class="mdl-navigation__link" href="">Link</a>
    </nav>
</div>

自定义CSS：

.mdl-layout__drawer .mdl-layout-title{
    text-align: center;
}

任何帮助表示感谢。

Answer 1

以下代码应该可以正常运行

.mdl-layout__drawer .mdl-layout-title{
    padding: 0;
    text-align: center;
}