HTML将文本与按钮对齐

Question

我想水平对齐一些代码和一个按钮。 为此，我使用以下代码：

<div className="panel-heading">
      <h2 className="panel-title headingText">Attributes</h2>   
      <button type="button" className="btn btn-info btn-sml pull-right" data-toggle="modal" data-target="#newListModal">New List</button>
</div>

然而，这两个没有对齐（按钮底部是蓝色的东西，我希望它更像是文本的中心）：

如何水平对齐文字和按钮？

Answer 1

您可以像这样申请Css来满足您的要求

.panel-heading, .headingText
    {
        display:inline-block;
        padding:10px;

    }

Answer 2

{{1}}

这应该有效。您可以删除填充属性