Textorientation jquerymobile按钮textinput

Question

我有一个带jquerymobile的html5表单。在一些textinputs上我想添加一个Help-button。因此，我在-tag中包含了一个带有数据角色按钮的元素。这几乎是我想要的，但按钮和文字的位置并不是那么好。这是我的代码：

<div data-role="fieldcontain">
  <label for="t0098">Others <a href="#info_split" data-role="button" data-rel="popup" data-inline="true" data-icon="info" data-iconpos="notext">i</a></label>
  <input type="text" name="t0098" id="t0098" data-clear-btn="true" />
</div>

结果如下所示：

我假设在标签上添加了一些CSS规则，例如vertical-align: middle !IMPORTANT，但它似乎没有改变它。

Answer 1

（根据alkis的建议，我将此作为答案发布。）

要正确对齐文字和图片，您必须将vertical-align: middle;应用于a内的label。

而且，正如Kai所提到的，将vertical-align: middle;应用于label也是最后一步。