title: How to put checkboxes in a row in CSS/HTML
body: <pre><code>               &lt;div class=""&gt;
                      &lt;input type="checkbox"&gt;a&lt;/div&gt;
                  &lt;div class=""&gt;
                      &lt;input type="checkbox"&gt;b&lt;/div&gt;
                  &lt;div class=""&gt;
                      &lt;input type="checkbox"&gt;c&lt;/div&gt;
  </code></pre>
  
  <p>Right now, the code above displays all the checkbox in a vertical fashion. I want to be able to have them in rows, and when it runs out of space on one row, it would automatically jump over to the next row.   </p>