title: How do you vertically align check box of the checkbox properly?
body: <p>When you add a checkbox to a window and center it vertically, superficially it seems it is OK. However when you increase the padding you notice something odd -- the label part of the checkbox is centered indeed, but the check box remains in the left-top corner. So with enough padding you will get such result</p>
  <blockquote>
  <pre><code>[ ]
       this is my checkbox
  </code></pre>
  </blockquote>
  <p>So, question is -- <strong>how to align check box of the checkbox properly?</strong></p>
  <h2>Edits</h2>
  <pre><code>&lt;DockPanel&gt;
        &lt;StackPanel DockPanel.Dock=&quot;Top&quot; Orientation=&quot;Horizontal&quot;&gt;
          &lt;CheckBox Name=&quot;XSwitchCheckBox&quot; 
                    VerticalContentAlignment=&quot;Center&quot; 
                    VerticalAlignment=&quot;Center&quot; 
                    Padding=&quot;4&quot;&gt;X-axis switch&lt;/CheckBox&gt;
      &lt;/StackPanel&gt;
      &lt;Image DockPanel.Dock=&quot;Bottom&quot; Name=&quot;pictureBox1&quot;&gt;&lt;/Image&gt;
  &lt;/DockPanel&gt;
  </code></pre>