title: Position input checkboxes next to each other
body: <p>I am trying to create a list of 3 checkboxes and next to two of the checkboxes, I want a small checkbox to hide the specific property.</p>
  
  <p><a href="https://i.stack.imgur.com/23JNQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/23JNQ.png" alt="enter image description here"></a></p>
  
  <p>I just have a problem of position the checkboxes properly.</p>
  
  <p>I guess it should be something like</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;label&gt;
        &lt;input type="checkbox"&gt;
        Property 1
        (
          &lt;label&gt;
            &lt;input type="checkbox"&gt;
            Hide
          &lt;/label&gt;
        )
      &lt;/label&gt;
    &lt;/li&gt;
    (...)
  &lt;/ul&gt;
  </code></pre>
  
  <p>but maybe it is not good to place the hide checkbox inside the other checkbox-label, so maybe I should create a table, so the two checkboxes can be aligned next to each other.</p>