title: HTML- how to have checkbox and slider on the same line
body: <p>I have a text label, a checkbox and an opacity slider (its for an openlayers map) which I'd like to get on the same line, by default they're on separate lines.</p>
  
  <p><img src="https://i.stack.imgur.com/WnBZZ.png" alt="Eg"></p>
  
  <p>Any idea how to line them up on the same line? My code is</p>
  
  <pre><code>        &lt;li&gt;&lt;span&gt;Parish&lt;/span&gt;
            &lt;fieldset id="layer6" style="border:none"&gt;
              &lt;label class="checkbox" for="visible6"&gt;
                &lt;input id="visible6" class="visible" type="checkbox"/&gt;
              &lt;/label&gt;
              &lt;label&gt;&lt;/label&gt;
              &lt;input class="opacity" type="range" min="0" max="1" step="0.01"/&gt;
            &lt;/fieldset&gt;
          &lt;/li&gt;
  </code></pre>