http://www.southdevonaonb.org.uk/cordialemapping/で、「 Wembury 」の下のいずれかのタブに、同じ行に 2 つの入力があります。1 つ目はチェック ボックスで、2 つ目は画像 (青い情報アイコン) です。 .
両方の入力を親 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 />
そしてCSS：
.info-image{
float:right !important;
display:inline !important;
}
#info-image{
float:right !important;
display:inline !important;
}
私が試したこと：
入力画像にクラスと ID を指定し、強制的に右にフロートさせようとしただけでなく、同様の効果を得るために表示タグを試しましたが、うまくいきませんでした。どうすればこれを達成できますか？
ここで私が達成しようとしていることのスクリーンショット:
http://www.southdevonaonb.org.uk/cordialemapping/help/screenshot1.png
