Note that there are some explanatory texts on larger screens.

plurals
  1. POSplit checkboxes in fieldset into two columns
    primarykey
    data
    text
    <p>I'm trying to split up checkboxes in the same fieldset into two columns using CSS.</p> <p>For example, my code is below:</p> <pre><code>&lt;div id="topicsbox"&gt; &lt;label class="topicsname"&gt;Topics*&lt;/label&gt; &lt;label class="description"&gt;Select topic areas for which you would like to receive future updates from CTU (articles, blog posts, white papers, etc.). Check all that apply:&lt;/label&gt; &lt;div id="topicsmessage" class="messagebox"&gt;&lt;/div&gt; &lt;fieldset&gt; &lt;input type="checkbox" name="topics[]" id="AllTopStories" value="1098375" /&gt;&lt;label for="AllTopStories"&gt;All Top Stories&lt;/label&gt; &lt;input type="checkbox" name="topics[]" id="BusinessandManagement" value="1098376" /&gt;&lt;label for="BusinessandManagement"&gt;Business and Management&lt;/label&gt; &lt;input type="checkbox" name="topics[]" id="CareerandProfessional" value="1098377" /&gt;&lt;label for="CareerandProfessional"&gt;Career and Professional&lt;/label&gt; &lt;input type="checkbox" name="topics[]" id="CriminalJustice" value="1098378" /&gt;&lt;label for="CriminalJustice"&gt;Criminal Justice&lt;/label&gt; &lt;input type="checkbox" name="topics[]" id="HealthcareAdministration" value="1098379" /&gt;&lt;label for="HealthcareAdministration"&gt;Healthcare Administration&lt;/label&gt; &lt;input type="checkbox" name="topics[]" id="HomelandSecurity" value="1098380" /&gt;&lt;label for="HomelandSecurity"&gt;Homeland Security&lt;/label&gt; &lt;input type="checkbox" name="topics[]" id="ITEngineeringComputerScience" value="1098381" /&gt;&lt;label for="ITEngineeringComputerScience"&gt;IT, Engineering, Computer Science&lt;/label&gt; &lt;/fieldset&gt; &lt;/div&gt; </code></pre> <p>Does anyone know the correct CSS to split up this list into 4 input checkboxes on the left and 3 on the right?</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload