title: How do I centre this checkbox?
body: <p>I have a table, one column of which contains only a checkbox and I am currently centering these with</p>
  
  <pre><code>&lt;td style="text-align:center; vertical-align:middle;"&gt;
    &lt;input type="checkbox" name="xyz"&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Now I want to add some JS to (de)select all/none, so I want to add a checkbox in my table header row, along with some text</p>
  
  <p>TH is, by default, bold and I am happy leave it so for actual Column header text, bu I was normal text for the "all/none" and then I want a centered checkbox below that.</p>
  
  <pre><code>----------------  
  | Search ?   | Next column  
  | (all/none) |  
  |   [x]      |  
  </code></pre>
  
  <p>here's my code - how do I get that checkbox to center?</p>
  
  <pre><code>&lt;th&gt;Search?&lt;br&gt;    
      &lt;span class="th_not_bold"&gt;(all/none)&lt;/span&gt;&lt;br&gt;    
      &lt;input style="text-align:center; vertical-align:middle" type="checkbox" name="search_all" id="search_all" onClick="ReportAllNoneClicked()"&gt;  
  &lt;/th&gt;
  </code></pre>