Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>I am not exactly sure as to how you want it to appear, but from the things perceived, here is the <a href="http://jsfiddle.net/DFSLZ/" rel="nofollow">solution</a>.</p> <p>The HTML:</p> <pre><code>&lt;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"&gt; &lt;br&gt; &lt;input id="layer100" type="checkbox" unchecked="" onclick="toggleLayer(100)" style="margin-right: -15px; margin-top: 7px;"&gt; </code></pre> <p>The CSS:</p> <pre><code>.info-image{ float:right !important; display:inline !important; } #info-image{ float:right !important; display:inline !important; } </code></pre> <p>Hope this helps.</p> <p><strong>EDIT</strong></p> <p>I just got your screenshot notification and have made some edits.</p> <p>The HTML:</p> <pre><code>&lt;div&gt; &lt;p style="float: left; width: 70%;"&gt;Parish boundary line Parish boundary line&lt;/p&gt; &lt;p&gt; &lt;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"&gt; &lt;input type="checkbox" unchecked="" onclick="toggleLayer(100)" id="layer100"&gt; &lt;/p&gt; &lt;/div&gt; &lt;div&gt; &lt;p style="float: left; width: 70%;"&gt;Parish boundary line Parish boundary line&lt;/p&gt; &lt;p&gt; &lt;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"&gt; &lt;input type="checkbox" unchecked="" onclick="toggleLayer(100)" id="layer100"&gt; &lt;/p&gt; &lt;/div&gt; &lt;div&gt; &lt;p style="float: left; width: 70%;"&gt;Parish boundary line Parish boundary line&lt;/p&gt; &lt;p&gt; &lt;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"&gt; &lt;input type="checkbox" unchecked="" onclick="toggleLayer(100)" id="layer100"&gt; &lt;/p&gt; &lt;/div&gt; </code></pre> <p>You need to just need to remove your <code>&lt;p&gt;</code> tag which has the checkbox and the image and replicate the full <code>&lt;p&gt;</code> tag with the <code>&lt;div&gt;</code> code provided above. I hope this helps now.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload