title: Styling a radio button inside a form
body: <p>I am trying to styling a form in which I have got a radio button. I want to change the default view of the radio button and  add background image for the radio button and for the check image. Moreover I want to place my form in the center of the screen and highlighted with a line. My code is here  in jsfiddle:</p>
  
  <pre><code>           &lt;style&gt;
                  form{
                      font-size: 200%;
                      font-family: "Courier New", Monospace;
                      display: inline-block;
                      align: middle;
                      text-align: center;
                      font-weight: bold; 
                       background-size: 20px; 
                  }     
  
                  input[type="radio"] {
                        width: 26px;
                        height: 26px;
                        background: url(check.png) no-repeat;
  
                  }
  
                  &lt;/style&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/chrathan/q1mnq2os/2/" rel="nofollow">http://jsfiddle.net/chrathan/q1mnq2os/2/</a><a href="http://jsfiddle.net/chrathan/q1mnq2os/2/" rel="nofollow">1</a></p>
  
  <p>How can I perform those operations?</p>