对齐标签和跨度

Question

我有以下表格：

<div class="control-group">
  <label class="control-label" for="selectbasic">Time</label>
  <div class="controls">
    <span id="time" class="data">Some text here</span>
    <select id="selectbasic" name="selectbasic" class="input-xlarge policies-form hide">
      <option>1</option>
      <option>2</option>
    </select>
  </div>
</div>

因此，如您所见，实际的选择表单是隐藏的，最初用户只能看到介绍性文本。我的问题是这个介绍性文字与标签不完全对应（标签文字的底线比介绍性文字的底线低3-4个像素。）

我尝试了几个CSS属性，但它们不起作用。我怎么把它们放在一行？

Answer 1

尝试此CSS :(假设您在表单标记上使用.form-horizontal）

.form-horizontal span.data {
    display: inline-block;
    padding: 5px 0; // Or however much padding you need....
}