对齐附加表单旁边的文本

时间:2013-06-01 05:26:02

标签: html css twitter-bootstrap

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

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>

请帮忙!

1 个答案:

答案 0 :(得分:0)

快速回答:

演示: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;
}