html - 如何定位按钮使其与标题一致？

Question

我的标题没有与同一行的齿轮按钮对齐。

<div id="header">
 <button href="#" class="ui-btn ui-corner-all ui-icon-gear ui-btn-icon-notext" id="setting"></button>
    <h1>Title</h1>
</div>

这是 demo 的链接.

Answer 1

这里需要两样东西来设置样式。

• 为您的按钮设置一个float:left
• 为你的h1设置一个margin-top:0px

DEMO

#setting{
    float:left;
}
h1{
    margin-top:0px;
}