title: Centered label on top of checkbox
body: <p>Looking for an example of checkbox with (centered) label on top of it:</p>
  
  <pre><code> IamALabel  
      [ ]
  </code></pre>
  
  <p>I'm using (ASP.NET) MVC 5 if that matters. 
  I tried couple of simple things but it wouldn't center it:
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div&gt;
        &lt;label for="checkbox1"&gt;&lt;span&gt;&lt;/span&gt;IamALabel&lt;/label&gt;
        &lt;br/&gt;
       &lt;input id="checkbox1" type="checkbox" name="checkbox" value="IamALabel" checked="checked"&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  
  and also:<div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div&gt;
        &lt;label for="checkbox1" style="display: inline-block; text-align:center"&gt;&lt;span&gt;&lt;/span&gt;IamALabel&lt;/label&gt;
        &lt;br/&gt;
       &lt;input id="checkbox1" type="checkbox" name="checkbox" value="IamALabel" checked="checked"&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>