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

Question

所以我正在通过CDN使用布尔玛，其中包含一个<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

Here is the answer I think

您还可以在baseline中搜索css属性

Answer 2

我知道这很旧，但是由于这是第一个弹出的结果，因此您要查找的类涉及level布局类。 This the link to the documentation with examples.不过，从根本上讲，您是将内容包装在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>