title: Display checkboxes vertically with labels next to each
body: <p>I am trying to display checkboxes vertically with their labels to the right of each, but can't seem to get the formatting correct.</p>
  
  <p><strong>Example of what I am trying to do:</strong></p>
  
  <p><em>Checkbox 1 Label 1</em></p>
  
  <p><em>Checkbox 2 Label 2</em></p>
  
  <p><strong>Here's the HTML:</strong></p>
  
  <pre><code>&lt;form class="addmod" method="post"&gt;
  &lt;table width="800px"&gt;
  &lt;tr&gt;
   &lt;td valign="top"&gt;
    &lt;label&gt;&lt;h5&gt;Version Compatibility:&lt;/h5&gt;&lt;/label&gt;
   &lt;/td&gt;
  &lt;td&gt;&lt;input name="v162" type="checkbox" id="v162" value="1.6.2"&gt;&lt;label&gt;&lt;h5&gt;1.6.2&lt;/h5&gt;&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input name="v164" type="checkbox" id="v164" value="1.6.4"&gt;&lt;label&gt;&lt;h5&gt;1.6.4&lt;/h5&gt;&lt;/label&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input name="v172" type="checkbox" id="v172" value="1.7.2"&gt;&lt;label&gt;&lt;h5&gt;1.7.2&lt;/h5&gt;&lt;/label&gt;&lt;/td&gt;
  </code></pre>
  
  <p><strong>and the CSS:</strong></p>
  
  <pre><code>.addmod {
  margin: 0 auto; 
  width: 400px;
  }
  
  #add input {
  width: 100px;
  height: 40px;
  padding: 10px 5px;
  font: bold 15px Calibri;
  border: 0;
  background: #FFF;
  border-radius: 2px 2px 2px 2px;
  }
  
  .addmod label {
  text-align: left;
  display: inline;
  }
  
  .addmod td {
  text-align: center;
  }
  
  .addmod input[type=checkbox] {
  display: block;
  }
  </code></pre>
  
  <p><strong>Here's a jsFiddle for this:</strong> <a href="http://jsfiddle.net/swiftsly/syvY4/" rel="nofollow">http://jsfiddle.net/swiftsly/syvY4/</a></p>