Css 同一线路上两个输入的定位

在“Wembury”下的任何选项卡上，我在同一行有两个输入-第一个是复选框，第二个是图像（蓝色信息图标）

我希望两个输入都浮动到父div的右侧，以便在垂直方向上都显示为内联

这是HTML：

Letterbox locations and results
<input type="image" align="right" id="info-image" class="info-image" src="images/info.png" title="Click for more information about this layer" onclick="layer0()" value='Info'/>
<input type="checkbox" id="layer0" onclick="toggleLayer(0)" unchecked><br />

我所尝试的：

我给了输入图像一个类和ID，并试图迫使它向右浮动，以及尝试显示标签以获得类似的效果，但没有成功。我怎样才能做到这一点

以下是我试图实现的目标的屏幕截图：

---

试试这个，你必须设置图像的右侧

信息图像{ 浮子：对！很重要

显示：内联！重要

右：4px；/或//右：40px/ }

---

我不太确定你希望它看起来是什么样子，但从感知到的东西来看，这是一个关键

HTML：

<input id="info-image" class="info-image" align="right" type="image" src="images/info.png" title="Click for more information about this layer" onclick="layer100()" value="Info">
<br>
<input id="layer100" type="checkbox" unchecked="" onclick="toggleLayer(100)" style="margin-right: -15px; margin-top: 7px;">

<div>
<p style="float: left; width: 70%;">Parish boundary line Parish boundary line</p>
<p>
<input align="right" type="image" value="Info" onclick="layer100()" title="Click for more information about this layer" src="images/info.png" class="info-image" id="info-image">
<input type="checkbox" unchecked="" onclick="toggleLayer(100)" id="layer100">
</p>
</div>
<div>
<p style="float: left; width: 70%;">Parish boundary line Parish boundary line</p>
<p>
<input align="right" type="image" value="Info" onclick="layer100()" title="Click for more information about this layer" src="images/info.png" class="info-image" id="info-image">
<input type="checkbox" unchecked="" onclick="toggleLayer(100)" id="layer100">
</p>
</div>
<div>
<p style="float: left; width: 70%;">Parish boundary line Parish boundary line</p>
<p>
<input align="right" type="image" value="Info" onclick="layer100()" title="Click for more information about this layer" src="images/info.png" class="info-image" id="info-image">
<input type="checkbox" unchecked="" onclick="toggleLayer(100)" id="layer100">
</p>
</div>

希望这有帮助

编辑

我刚收到你的截图通知，并做了一些编辑

HTML：

<input id="info-image" class="info-image" align="right" type="image" src="images/info.png" title="Click for more information about this layer" onclick="layer100()" value="Info">
<br>
<input id="layer100" type="checkbox" unchecked="" onclick="toggleLayer(100)" style="margin-right: -15px; margin-top: 7px;">

<div>
<p style="float: left; width: 70%;">Parish boundary line Parish boundary line</p>
<p>
<input align="right" type="image" value="Info" onclick="layer100()" title="Click for more information about this layer" src="images/info.png" class="info-image" id="info-image">
<input type="checkbox" unchecked="" onclick="toggleLayer(100)" id="layer100">
</p>
</div>
<div>
<p style="float: left; width: 70%;">Parish boundary line Parish boundary line</p>
<p>
<input align="right" type="image" value="Info" onclick="layer100()" title="Click for more information about this layer" src="images/info.png" class="info-image" id="info-image">
<input type="checkbox" unchecked="" onclick="toggleLayer(100)" id="layer100">
</p>
</div>
<div>
<p style="float: left; width: 70%;">Parish boundary line Parish boundary line</p>
<p>
<input align="right" type="image" value="Info" onclick="layer100()" title="Click for more information about this layer" src="images/info.png" class="info-image" id="info-image">
<input type="checkbox" unchecked="" onclick="toggleLayer(100)" id="layer100">
</p>
</div>

教区边界线教区边界线



教区边界线教区边界线



教区边界线教区边界线

---

您只需删除带有复选框和图像的

标记，并使用上面提供的

代码复制完整的
标记。我希望这现在能有所帮助。
我相信输入标记是一个内联元素。如果不使用样式，会发生什么情况？要在“bock”级别获得控制，可以做的一件事是向元素添加
display:block
。你可能会有更多的运气。你能提供一个屏幕截图，你希望它如何出现吗@加上“积木”没什么区别。。。我没有足够的“声誉”来添加图片，但我在这里放了一个截图-谢谢。。。但这根本没什么区别。我猜这是在继承一种风格，但肯定是在使用！重要提示应该强制id/类特定样式并覆盖它？谢谢。。。但这和我已经拥有的一样。。。除非在定义其他值之前定义id和/或类会有所不同，否则我已根据更新答案中的屏幕截图编辑了代码。希望这能帮上忙-@riverbum7575谢谢。。。我看到两个输入元素在一个标记中，因此继承了它的值？是的。根据您提供的屏幕截图，它们应该彼此独立，一个容器保持它们的独立性。-@我希望你对答案感到满意@河湾75