title: What other options are there available to position several checkboxes in an orderly manner except for the HTML table element?
body: <p>I was wondering if the HTML table element is still up to date for positioning several checkbox input fields in an orderly manner, or if there are more up to date options available, for example with css or other html elements?</p>
  <p>Here my example:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;label for="grade1"&gt;Grade 1&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="grade1" id="grade1" checked&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;label for="grade2"&gt;Grade 2&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="grade2" id="grade2"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;label for="grade3"&gt;Grade 3&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="grade3" id="grade3"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;label for="grade4"&gt;Grade 4&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="grade4" id="grade4"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;label for="grade5"&gt;Grade 5&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="grade5" id="grade5"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;label for="grade6"&gt;Grade 6&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="grade6" id="grade6"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;label for="grade8"&gt;High school&lt;/label&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input type="checkbox" name="grade8" id="grade8"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>