html - マテリアライズ CSS を使用してボタンの横にテキストを配置する

Question

ボタンとその横にテキストがあります。テキストの垂直方向の配置をボタンの配置に合わせたいと思います。これが私が今持っているものです：

or Sign Up基本的には、テキストをもう少し上に上げたいと思っています。私もMaterializeCSSを使っています。これが私が持っているコードです：

HTML

<div class="center">
  <button class="btn waves-effect waves-green green darken-1">Sign In</button>
  <span class="alternate-option">or <a href="#">Sign Up</a></span>
</div>

CSS

.alternate-option {
  margin-left: 20px;
}

も使ってみpadding-bottomましたmargin-bottom。

Answer 1

完全な CSS を知らなくても、ボタンとスパンを垂直方向に揃える必要があるのではないかと思います。

button, span {
    vertical-align: middle;
}