title: how to display a button and checkboxes all on same line with labels
body: <p>I want everything on one line. I tried div and span but as you can see the button and checkboxes are each on separate lines.</p>
  
  <p>here's is a demo of the code below</p>
  
  <p><a href="https://jsfiddle.net/xa4d6ddk/" rel="nofollow">https://jsfiddle.net/xa4d6ddk/</a></p>
  
  <pre><code>&lt;style&gt;
  .controlhide{
  display: none !important;
     }
  
     .controlshow{
         display:block !important;
     }
  
     input[type="radio"] {
    transform:scale(1.5, 1.5);
  }
          .sameline {
              display:block;
      white-space:nowrap;
      overflow:hidden;
          }
          &lt;/style&gt;
  &lt;button id="btnanswer_3d42aa17-e7be-455b-8afa-70fe4ee3ee0a" class="btn btn-success"&gt;pass&lt;/button&gt;&lt;label class="controlshow"&gt;&lt;input id="btnpassanswerright_3d42aa17-e7be-455b-8afa-70fe4ee3ee0a" name="pass" value="right" type="radio"&gt;Correct&lt;/label&gt;&lt;label class="controlshow"&gt;&lt;input id="btnpassanswerwrong_3d42aa17-e7be-455b-8afa-70fe4ee3ee0a" name="pass" value="wrong" type="radio"&gt;Incorrect&lt;/label&gt;
  </code></pre>