title: Formatting elements in columns and rows
body: <p>To avoid reinventing the wheel, I am generating a form using CakePHP's form helper, which create the following markup:</p>
  
  <pre><code>    &lt;div class="input select"&gt;&lt;label for="ReportFruit"&gt;Fruit&lt;/label&gt;
          &lt;input type="hidden" name="data[Report][Fruit]" value="" id="ReportFruit" /&gt; 
  
  &lt;div class="checkbox"&gt;&lt;input type="checkbox" name="data[Report][Fruit][]" value="0" id="ReportFruit0" /&gt;&lt;label for="ReportFruit0"&gt;Banana&lt;/label&gt;&lt;/div&gt; 
  &lt;div class="checkbox"&gt;&lt;input type="checkbox" name="data[Report][Fruit][]" value="1" id="ReportFruit1" /&gt;&lt;label for="ReportFruit1"&gt;Apple&lt;/label&gt;&lt;/div&gt; 
  &lt;div class="checkbox"&gt;&lt;input type="checkbox" name="data[Report][Fruit][]" value="2" id="ReportFruit2" /&gt;&lt;label for="ReportFruit2"&gt;Pear&lt;/label&gt;
  ...
  &lt;/div&gt; 
  &lt;/div&gt;​
  </code></pre>
  
  <p>Which generates a bunch of checkboxes in this format:</p>
  
  <pre><code>[] Banana
  [] Apple
  [] Pear
  [] ...
  </code></pre>
  
  <p>I would like to format them so they display like so:
  (ideally I would still be able to set the number of options per row, but if not it's fine too)</p>
  
  <pre><code>[] Banana    [] Apple     [] Pear
  [] Mango     [] Lemon     [] ...
  </code></pre>
  
  <p>Can I accomplish this using CSS only or would I have to manipulate the DOM using JS (or change the markup with PHP before I output it)?</p>