Html 如何在不占用线路的特定位置放置按钮

我有以下代码：

我试图在页面中间添加一个按钮，跨越“输入B”，但是在“A输入”和“B输入”文本之间形成了一个宽的空洞。有没有办法解决这个问题，使按钮不占用一条线，只是独立的？我想这是做我的HTML或CSS。谢谢

使用jsfiddle。帕斯捷宾是我

学习位置：相对与绝对

  <form name=apple style='position:relative'>

 <input style='position:absolute;right:0px;top:50px' class="button" type=button value="Shoot" onClick="main();">

通常，父级应该有position:relative（在本例中是表单），子级应该有position:absolute，这样他的“top”就从父级开始

这里有一个JSFIDLE供您参考：

---

如果我帮助过你，请勾选我的答案。谢谢。

谢谢，太好了。jsfiddle.net更干净，谢谢你的提示。