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

<div classname="panel-heading">
    <h4 classname="panel-title headingText" style="float:left">Attributes</h4>
    <button type="button" style="float:left;padding:10px" classname="btn btn-info btn-sml pull-right" data-toggle="modal" data-target="#newListModal">New List</button>
</div>

这应该工作。 您可以删除填充属性