title: HTML/CSS - how do you raise up a radio button?
body: <p>I have a radio button that is supposed to refer to 4 images so I just put a radio button with an empty value next to the images, but when I do that, the radio button is almost lower than the bottom of the images. I want to raise it up higher so that it's in the middle of height of the images. Here's my HTML:</p>
  
  <pre><code>&lt;input type="radio" name="computer" value=""&gt;
  &lt;img class="extra-margin-human" width="50px" height="50px" src="images/other/human.jpg"/&gt;
  &lt;img class="extra-margin-computer" width="50px" height="50px" src="images/other/computer.jpg"/&gt;
  &lt;img class="extra-margin-computer" width="50px" height="50px" src="images/other/computer.jpg"/&gt;
  &lt;img class="extra-margin-computer" width="50px" height="50px" src="images/other/computer.jpg"/&gt;
  </code></pre>
  
  <p>How can I make the radio button come up higher?</p>