HTML复选框对齐方式

Question

测试网页网址：http://www.guygar.com/inception/ultra/indexCopy.html

我是新手并且正在搜索我找到了以下解决方案，以便在文本和Checkbox之间进行对齐：

<div style="border-bottom:1px solid black; padding:4px; background-color:#003b5a;">
     <span style="font-weight:bold;">Back to the Roots</span>
     <form>
     <input type="checkbox" value="header" style="float:right; vertical-align: middle; margin-top: -15px;" />
      <label></label>
      </form>
</div>

虽然这在IE9中有效，但在Chrome或Firefox中无效。

你能帮帮我吗？

谢谢。

Answer 1

制作你的div position:relative;然后你可以输入position:absolute;top:5px; right:0;