如何在一行文本中垂直对齐布尔玛按钮？

Question

所以我通过 CDN 使用 Bulma，有一个<h2>标签，<button>其中包含一个标签：

<h2 class="title is-size-2-mobile is-3 has-text-white">Step 1: Pick which Cards and/or Cheatsheets youwant to learn from the <button class="button mt-10 has-background-success has-text-info has-text-centered is-vcentered ml-10 mr-10">Cheatsheets</button> in the menu.</h2>

但这就是它呈现的内容：

我需要按钮上的哪些类才能使其与文本垂直对齐？

Answer 1

我知道这已经很旧了，但由于这是为我弹出的第一个结果，因此您正在寻找的类涉及level布局类。这是带有示例的文档的链接。但从根本上讲，您可以将内容包装在level容器中，然后使用level-item它们在容器中垂直对齐。您可以使用其他类来调整内容的大小。这是解决您的问题的一种方法。当然还有其他的：

<div class="level">
<h2 class="title is-size-2-mobile is-3 has-text-white level-item">
Step 1: Pick which Cards and/or Cheatsheets you want to learn from the 
<button class="button mt-10 has-background-success has-text-info has-text-centered is-vcentered mx-1 level-item">Cheatsheets</button> 
in the menu.</h2>
</div>

Answer 2

这是我认为的答案

您还可以在以下位置搜索baseline房产css