html - 对齐附加表单旁边的文本

Question

我有一个带有附加按钮的表单。我需要将一些文本对齐到表单的右侧，以便它们彼此垂直对齐。

HTML：

<div class="input-append">
  <input class="span4" id="appendedInputButton" type="text" placeholder="Search...">
  <button class="btn" type="button"><i class="icon-search"></i></button>
</div>

请帮忙！

Answer 1

快速回答：

演示：http: //jsfiddle.net/wbmLH/

HTML：

<div class="input-append">
    <input class="span4" id="appendedInputButton" type="text" placeholder="Search...">
    <button class="btn" type="button"><i class="icon-search">Button</i>
    </button>
</div>
<div class="extraText">Extra Text</div>

CSS：

.input-append, .extraText {
    display:inline-block;
}